结束了牛腩，总结了自己的收获，我开始了征战HTML的计划，在看《提高班培养计划》的时候，我很诧异，因为《HTML孙鑫》这个项目竟然就只有一天的时间，怎么可以这样，但是，我还是决定按照培养计划上来，制定自己的计划，告诉自己，只要做好时间安排，肯定也能完成。

可是，当我拿到HTML孙鑫相关教程视频的时候，我知道了为什么这个项目只给了一天的时见：

1、视频只有一集，121分钟

2、视频里的东西，我们都学过，就在刚刚结束的牛腩

3、视频里的人，说话很慢，说的很多

4、视频讲的很好，因为有例子，有图，有真相

本来吧，打算把自己跟着视频用UE敲得例子作为基础来总结自己的收获，可是，那个真的是没有什么可说的，因为，孙鑫老师说的太多了，我在说一遍没有什么意义，所以，我就结合自己在牛腩里用到的html文件，来实战一下。

在牛腩里面，我们用到的html不多，只有两个，一个是error.html(错误页)，另一个，就是我们做的一个CSS测试。

首先，简单一点，我们就拿CSS测试页来说一下：

<span style="font-size:18px;"><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!--这是整体，一直到最后的〈/html>,是整个文件的一个框架-->
<head>
    <!--head部分代表网页头部的意思，这个位置用于存放<title>头部内容，和CSS样式，以及需要提前加载的JavaScript脚本等。-->
    <!--这里是头部，再通俗一点就是这里是整个文件最最具有领导性的一部分，这里标明了本文件的一些特征-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>CSS测试</title><!--这个是标题，就是一个人的名字，再也可以理解为就是头部贴的一个标签，让你知道我是干嘛的-->
    <link href="../CSS/StyleSheet.css" rel="stylesheet" /><!--这个就简单了，这个就是html里面的一个标签，表示链接的一个标签，link链接，href——Hypertext Reference的缩写。意思是超文本引用。href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。；在至于“”内部的内容就不用说了吧，相对路径下的文件,在这里，就是这我们为他专门设置的CSS样式-->
</head>
<!--以上呢，是我们的头部，头部里有我们的title标题，和我们的CSS样式，以及一些特定的标签内容-->
<!--就和人一样，有头部也得有身体，人不能存活，对于我们的html来说呢，只有头没有身体基本上也没有什么用，下面就是我们的身体（主体部分）-->
<body>
    <span id="special" class=" menu">栏目一</span>
    <span class=" menu">栏目二</span>
    <div class=" menu">栏目三</div>
    <div class="title">这是一条新闻标题</div>
</body>
<!--对于这个body来说，这个是简单的，没有什么特殊的一些标签，或者说是标记,在这里我们用到的是span标签，其实，我们也很经常遇到<div>标签，<span> 在CSS定义中属于一个行内元素,在行内定义一个区域，也就是一行内可以被 <span> 划分成好几个区域，从而实现某种特定效果。 <span> 本身没有任何属性。 <div> 在CSS定义中属于一个块级元素 <div> 可以包含段落、标题、表格甚至其它部分。这使DIV便于建立不同集成的类，如章节、摘要或备注。在页面效果上，使用 <div> 会自动换行，使用 <span> 就会保持同行。-->
</html></span>
<span style="font-size:18px;"><!--到此，我们的一个html页就宣告编写完毕了--></span>
<span style="font-size:18px;"><!--看一下效<span style="font-family: Arial, Helvetica, sans-serif;">果--></span>
<img src="http://img.blog.csdn.net/20150607170321464?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGl3ZWl6aG9uZzE5MzUxNg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /></span>
<span style="font-size:18px;">到现在，应该很明确了吧，<span><div>,很形象对不对，接下来，明天再让我们看看，视频中的例子，好，下课，明天见</span>
<span style="font-size:18px;"></pre><pre name="code" class="csharp"></span>

Html的一点点收获的更多相关文章

  1. 小白初学Java的一点点收获

    作为刚刚学习Java没有几天的小白,我想把我在学习过程中,所学习到的知识和注意事项和大家一起分享分享.在这个过程中,希望大家可以有所收获,有什么不对的地方,希望大家指出并且私信我. 首先说说第一次记事 ...

  2. 关于thinkphp控制器引用model里的方法的一点收获

    有时候真的是很绕,为了这一点点收获,我几乎花了一天的时间.当我弄明白了的那一刻,我.........好吧,写到这里,我发现不能换行.好吧,就这样吧,开始说正题:要想在controler从model引用 ...

  3. 书中的银行，我们一起奋斗的C#，只因乐在其中~

          梦回C#,只因心中还留有那么一点执着,相信大家应该也有这些感触吧!!所以呢?我想给大伙分享我的一些学习,也希望大家能给我多点建议,让我们一起进步,共同成长!!! 那么我们就来看一下该怎么运 ...

  4. 为什么目前没有"成熟"的cookie插件？

    一.序言 最近真是挺忙的啊,导致也挺久没有时间来看看园中各位大神的文章,只能感慨业务真尼玛的多,所以在此写下一篇文章来大话最近工作和学习上面的一点点收获体会,希望大家能够有所收获,这篇文章虽然说是一篇 ...

  5. 扩展django的User的部分方法

    这做项目时发现django自带的User中的字段不够用,默认的auth_user表总共只有11个字段,如果需要更多的字段该怎么办,在网上搜了一下,有这么几种方法. 1. 直接修改django 源码,修 ...

  6. 有关emoji表情以及utf-16编码

        昨日IOS组的同事遇到一个棘手的问题:当输入框内含有emoji表情时,如何获取文本框内的字符数(一个emoji表情算一个字符).       先从我最近接触的JAVA说起,JAVA中,在使用S ...

  7. 页面跳转Transfer与Redirect的区别你知道吗？

    一 前言 关于页面跳转的方式常用的应该就是,链接跳转,js跳转,Server.Tranfser和Response.Redirect 这几种,可是在Tranfser与Redirect之间用哪种更好(本文 ...

  8. IOS 网络浅析－（十 NSURLSession下载简介）

    之前本来打算在写两个篇幅,但是在这片开写的时候觉得还是写一个比较好,有利于理解.NSURLSession下载是通过NSURLSession下载代理实现的,上一片也介绍了代理,之所以没有介绍下载是因为, ...

  9. 【转】页面跳转Transfer与Redirect的区别你知道吗？

    一 前言 关于页面跳转的方式常用的应该就是,链接跳转,js跳转,Server.Tranfser和Response.Redirect 这几种,可是在Tranfser与Redirect之间用哪种更好(本文 ...

随机推荐

  1. .net 的一个分词系统（jieba中文分词的.NET版本：jieba.NET）

    简介 平时经常用Python写些小程序.在做文本分析相关的事情时免不了进行中文分词,于是就遇到了用Python实现的结巴中文分词.jieba使用起来非常简单,同时分词的结果也令人印象深刻,有兴趣的可以 ...

  2. DEDECMS 后台登录空白怎么办 后台无法登陆

    刚安装完dedecms,兴致冲冲的准备进后台,输入完用户名和密码后,页面 中显示一片空白. 立马到网上搜搜,发现大家各抒己见,但是都没有解决问题. 不过,下面的这个方法是可以的.马上记录下来,以备其他 ...

  3. Altera的几个常用的Synthesis attributes

    各厂商综合工具,对HDL综合时都定义了一些综合属性这些属性可指定a declaration,a module item,a statement, or a port connection 不同的综合方 ...

  4. hdu.5202.Rikka with string(贪心）

    Rikka with string Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others ...

  5. Integer Inquiry

    Integer Inquiry Time Limit:1000MS     Memory Limit:10000KB     64bit IO Format:%I64d & %I64u Sub ...

  6. 解决 MySQL Cluster 通过 某一个MySqld节点新建表时，其他 MySqld节点 看不到表内容的问题

    问题: 总共有 4 个MySqld节点,通过其中的一个节点新建表时,发现其他 MySqld节点 查不到表内容的问题,即表没有同步过来. 解决方案: 主要是因为新建表时,所选的 表引擎 错误导致的,只能 ...

  7. HDOJ 1870

    #include<stdio.h> #include<stack> #include<string.h> #include<iostream> usin ...

  8. log2取整效率测试

    RMQ问题中有个ST算法,当然还有个标准算法.LCA问题可以转化为带限制的RMQ(RMQ+-1)问题来解决.我们姑且认为这些问题的时间复杂度是查询$O(1)$的.但是,注意到对于RMQ(/+-1)问题 ...

  9. 《ASP.NET MVC4 WEB编程》学习笔记------RenderBody，RenderPage，RenderSection

    ASP.NET MVC 3 已经正式发布了,现在估计许多人都在拼命学,我也不能例外,刚刚看到了一篇文章,介绍了三个非常有用的方法:RenderBody,RenderPage和RenderSection ...

  10. Android Studio项目引入外部库注意事项(PullToRefresh)

    Android Studio开发App项目时引入第三方库是个比较麻烦的事情.之前导入Volley就折腾了好久,导入下拉刷新控件PullToRefresh时又碰到了各种问题.在此记录一下,以便查阅. 一 ...