Html的一点点收获

结束了牛腩,总结了自己的收获,我开始了征战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>
原文地址:https://www.cnblogs.com/DoubleEggs/p/5747197.html