HTML标记语言——（一）
HTML语法
1.HTML的特点
- 可以设置文本的格式，比如标题、字号、文本颜色、段落等等
- 可以创建列表
- 可以插入图像和媒体
- 可以建立表格
- 超链接，可以使用鼠标点击超链接来实现页面之间的跳转
2.HTML的标记和他的属性
- 文档的保存格式：.html .htm .xhtml
- 标记和被标记的内容构建出HTML文档：<标记> 内容 </标记>
- 标记的属性，即用来控制我的我们的内容（图像、文本等）如何显示，格式：<标记 属性1=属性值 属性2=属性值 ... ... >
3.语法不区分字母大小写（编写网页的时候尽量使用小写）
4.文档注释
注释一段内容时使用''<!--"开始，以"-->''结束，例如 <!--我是***-->
5.代码格式
空格和回车键在网页中不会起到任何作用，我们为了让代码清晰易读，可以使用空格和回车进行编辑。
6.字符实体
如下列举：
显示结果--------------描述---------------实体名称
--------------空格---------------
< ------------小于号--------------<
> ------------大于号-------------->
HTML的基本结构
1.<html>内容</html>
解释：HTML文档的文档标记，也成为HTML开始标记
功能：对标记分别位于网页的最前端和最后端
2.<head>内容</head>
解释：HTML文件投标及，也称为HTML头信息开始标记
功能：用来包含文件的基本信息，比如网页的标题，关键字，在<head></head>内可以放<title></title>、<meta></meta>、<style></style>等等标记
3.<title>内容</title>
解释：HTML文件标题标记
功能：网页的“主题”，显示在浏览器的窗口的左上边
注意：网页的标题不能太长，要短小精悍，能具体反映页面的内容，<title></title>标记中不能包含其他标记
4.<body>内容</body>
解释：HTML文档的主题标记
功能：<body>...</body>是网页的主体部分，在此标记之间可以包含如<p></p>，<h1></h1>，<br>，<hr>等等标记，正是这些内容组成了我们所看见的网页
body标记常见的属性：
bgcolor———设置背景颜色———<body bgcolor="red"></body>
text ———设置文本颜色———<body text="green"></body>
link ———设置连接颜色———<body link="blue"></body>
vlink ——已经访问了的链接颜色——<body vlink="yellow"></body>
alink ——正在被点击的链接颜色——<body alink="red"></body>
5.<meta>内容</meta>
解释：页面的元信息（meta-information）
功能：提供有关页面的元信息（meta-information）,比如针对搜索引擎和更新频度的描述和关键词。
必须的属性：content
常见的属性：常用的name属性——author、keywords、description、others
比如输出一个网页的关键词：<meta name="keywords" content="***">
注意：meta标记必须放在head元素里边。
HTML的文档设置标记
1.格式标记
<br> 强制换行标记
<p> 换段落标记
<center> 居中对齐标记
<pre> 预格式化标记
<li> 列表项目标记
<ul> 无序列表标记
<ol> 有序列表标记
<hr>水平分割线标记
<div>分区显示标记，也成为层标记：常用来编排一大段HTML段落，也可以用于格式化表，和<p>非常相似，可以多层嵌套
2.文本标记
<hn>——标题标记——共有6个阶级，n的范围1-6，不同级别对应显示大小不同的标题，h1最大，h6最小
<font>——字体设置标记——设置字体的格式——三个常用属性：size、color、face
<b>——粗字体标记
<i>——写字体标记
<sub>——文字下标字体标记
<sup>——文字上标字体标记
<tt>——打印机字体标记
<cite>——引用方式的字体，通常是斜体
<em>——表示强调，通常显示为斜体字
<strong>——表示强调，通常显示为粗体字
<small>——小型字体标记
<big>——大型字体标记
<u>——下划线字体标记
HTML的图像标记的属性
1.使用方法
<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">
2.注意：<img>为单标记，不需要使用</img>闭合；在加载图像文件的时候，文件的路径或者文件名文件格式错误，将无法加载图片
3.<img>标记的属性
src属性——作用——指定我们要加载的图片的路径和图片的名称以及图片格式
width属性——作用——指定图片的宽度，单位px、em、cm、mm
height属性——作用——指定图片的高度，单位px、em、cm、mm
border属性——作用——指定图片的边框宽度，单位px、em、cm、mm
alt属性——作用1——当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字
作用2——如果图像没有下载或者加载失败，会用文字来代替图像显示
作用3——搜索引擎可以通过这个属性的文字来抓取图片
