HTML的概述
HTML的概念
HTML全称为 HyperText Markup Language，译为超文本标记语言。
作用：HTML是负责描述文档语义的语言
注：HTML不是一种编程语言，是一种描述性的标记语言。
超文本标记语言的概念
所谓的超文本，有两层含义：
（1）图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。
（2）它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接。即：超级链接文本。
（1）标记语言是一套标记标签。比如：标签 <a> 表示超链接、标签 <img> 表示图片、标签 <h1> 表示一级标题等等，它们都属于HTML标签。
通俗点说：网页是由网页元素组成的，这些元素是由HTML标签描述出来，然后通过浏览器解析，就可以显示给用户看了。
（2）编程语言是有编译过程的，而标记语言没有编译过程，HTML标签是直接由浏览器解析执行。
HTML的基本结构
HTML的文档结构
HTML骨架标签分类
<html></html> : 页面中最大的标签，称之为根标签。
<head></head> ：文档的头部，注意在head标签中必须要设置的标签是title。
<title></title> ：文档标题，让页面拥有一个属于自己的标题。
<body></body> ：文档主体，元素包含文档的所有内容，页面基本都是body里面的。
HTML5编写规范
标签的规范
（1）标签分单标签和双标签，双标签往往成对出现，所有标签（包含空标签）都必须关闭，如<br/>、<img/>、<p>...</p>等。
（2）标签名和属性名建议都用小写字母。
（3）多数HTML标签可以嵌套，但绝对不允许交叉。
（4）HTML文件一行可以写多个标签，但标签中的一个单词不能分两行写。
属性的规范
（1）可以根据需要使用某个标签的所有属性，也可以只用其中的几个属性。在使用时，属性之间没有顺序。
（2）属性值要用半角双引号括起来。
（3）不是所有的标签都有属性，如换行标签 <br> 就没有。
元素的嵌套
（1）块级元素可以包含行级元素或其他块级元素，但行级元素不能包括块级元素，它只能包含其他的行级元素。
（2）有几个特殊的块级元素只能包含行级元素，不能再包含块级元素，这几个特殊的标签是：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<p>、<dt>。
代码的缩进
HTML代码并不要求在书写时缩进，但为了文档的结构性和层次性，建议初学者使用标记时首尾对弃，内部的内容可向右缩进几格。
HTML基本常用标签使用
段落标签<p>
段落，为英语“paragraph”缩写。
作用：可以把HTML文档分割为若干段落。在网页中如果要把文字有条理地显示出来，就离不开段落标签。
代码举例：
属性：
align = "属性值" : 对齐方式。 属性值包括left、center、right。
说明：段落标签会在段落前后加上额外的空行，不同段落间的间距等于连续加了两个换行标签<br/>，用以区别文字的不同段落。
换行标签<br/>
作用：在HTML中，一个段落中的文字从左到右顺序排列，到浏览器窗口的右端后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签<br/>。
代码举例：
说明：用户可以使用段落标签<p>制作页面中的较大空隙，也可以使用两个<br/>标签实现这一效果。
水平线<hr/>
作用：水平分割线（horizontal rule）可以在视觉上将文档分隔成各个部分。在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。
<hr/>标签的常用属性
align：设置水平线的对齐方式，有left、right、center三种选择，默认为center（居中对齐）。
size：设置水平线的粗细，以像素为单位，默认为 2 像素。
color：设置水平线的颜色，可通过颜色名称、十六进制 #RGB、rgb设置。
width：设置水平线的宽度，可以是确定的像素值，也可以是浏览器窗口的百分比，默认为100%。
noshade：设置线段是否显示影响。
说明：<hr/>是单标签，在网页中输入一个<hr/>，就添加了一条默认样式的水平线。
扫一扫
1490
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
