HTML学习笔记总汇.docxVIP

h1/h1就是标题标签p/p是段落标签imgsrc=1.jpg是图片标签标签语法：1. 标签由英文尖括号和括起来，如html就是一个标签。2. html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。如：（1）?p/p（2）?div/div（3）?span/span3. 标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：div里嵌套p，那么/p必须放在/div的前面。如下图所示。4. HTML标签不区分大小写，h1和H1是一样的，但建议小写，因为大部分程序员都以小写为准。认识html文件基本结构这一节中我们来学习html文件的结构：一个HTML文件是有自己固定的结构的。html head.../head body.../body/html代码讲解：1.?html/html称为根标签，所有的网页标签都在html/html中。2.?head 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有title、script、 style、link、 meta等标签，头部标签在下一小节中会有详细介绍。3. 在body和/body标签之间的内容是网页的主要内容，如h1、p、a、img等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。认识head标签文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在 head 部分：head title.../title meta link style.../style script.../script/headtitle标签：在title和/title标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。例如：head titlehello world/title/headtitle标签的内容“hello world”会在浏览器中的标题栏上显示出来，如下图所示：?head标签中的其它标签内容的讲解，会在以后的章节中为大家一一讲解。了解HTML的代码注释代码注释的作用是帮助程序员标注代码的用途，过一段时间后再看你所编写的代码，就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。语法：!--注释文字 --注释代码是不会在结果窗口中显示出来的语义化，让你的网页更好的被搜索引擎理解标签的用途：我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢？1. 更容易被搜索引擎收录。2. 更容易让屏幕阅读器读出网页内容。body标签，网页上显示的内容放在这里在网页上要展示出来的页面内容一定要放在body标签中。开始学习p标签，添加段落如果想在网页上显示文章，这时就需要p标签了，把文章的段落放到p标签中。语法：p段落文本/p 注意一段文字一个p标签，如在一篇新闻文章中有3段文字，就要把这3个段落分别放到3个p标签中。p标签的默认样式，可以在上图中看出来，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。了解hx标签，为你的网页添加标题文章的段落用p标签，那么文章的标题用什么标签呢？在本节我们将使用hx标签来制作文章的标题。 标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。h1是最高的等级。语法：hx标题文本/hx (x为1-6)文章的标题前面已经说过了，可以使用标题标签，另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站。注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：h1腾讯网/h1h1-h6标签的默认样式：标签代码：标题标签的样式都会加粗，h1标签字号最大，h2标签字号相对h1要小，以此类推h6标签的字号最小。加入强调语气，使用strong和em标签有了段落又有了标题，现在如果想在一段话中特别强调某几个文字，这时候就可以用到em或strong标签。 但两者在强调的语气上