这里写目录标题
一、基本标签写法
- HTML 标签是由尖括号包围的关键词，例如 。
- HTML 标签通常是成对出现的，例如 和 ，我们称为双标签。标签对中的第一个标签是
开始标签，第二个标签是结束标签。 - 有些特殊的标签必须是单个标签（极少情况），例如
，我们称为单标签。
二、标签之间的关系
双标签关系可以分为两类：包含关系和并列关系。
- 包含关系
<head>
<title> </title>
</head>
- 并列关系
<head> </head>
<body> </body>
三、HTML文件的骨架标签
每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。HTML页面也称为 HTML 文档.
<!DOCTYPE html>
<html lang="en">
<head>
<title>我的第一个页面</title>
</head>
<body>
你我之间,黑马洗练,月薪过万,一飞冲天
</body>
</html>
以上标签是一份html文件必不可少要写的骨架标签
四、标签作用解释
1. <!DOCTYPE html>
文档版本 |表示当前页面采取的是 HTML5 版本来显示网页，<!DOCTYPE> 声明位于文档中的最前面的位置，处于 标签之前。 <!DOCTYPE>不是一个 HTML 标签，它就是 文档类型声明标签。
2.<html lang=“en”></html>
称为根标记，用于告知浏览器其自身是一个 HTML 文档，<html>标记标志着HTML文档的开始，</html>标记标志着HTML文档的结束，在他们之间的是文档的头部和主体内容，其"lang"的意思就是“language”，语言的意思，而“en”即表示english，这个主要是给搜索引擎看的，搜索引擎不会去判断该站点是中文站还是英文站，所以这句话就是让搜索引擎知道，你的站点是中文站，对html页面本身不会有影响 。
3.<head></head>
<head>标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在标记之后，主要用来封装其他位于文档头部的标记。
一个HTML文档只能含有一对标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
4.<titile></title>
<title>标记用于定义HTML页面的标题，即给网页取一个名字，必须位于<head>标记之内。一个HTML文档只能含有一对
5. <body></body>
<body>标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内，<body>标记中的信息才是最终展示给用户看的。
一个HTML文档只能含有一对<body>标记，且<body>标记必须在<html>标记内，位于<title>头部标记之后。
6.网页标题小图标标签
<link rel="icon" herf="图标名.icon">
这会把图片显示在网页标题的前面,icon利于搜索引擎
7.meat标签
<meta/>
| 属性 | 值 | 作用 |
|---|---|---|
| name | keyword | name属性主要描述网页，当name的值为keyword时，要再写一个content属性，它的值就是告诉seo这个网页的关键字 |
| name | description | 当name的值为description时,这时content属性的值就是告诉seo关于这个网页的描述 |
| name | Author | 当name的值为Author时,这时content属性的值就是告诉seo这个网址作者的名字 |
| name | Generator | 这时content属性的值就是告诉seo制作或生成该网页文档的是什么软件程序 |
| name | Robots | 这时content属性的值设定为 all：文件将被检索，且页面上的链接可以被查询；设定为 none：文件将不被检索，且页面上的链接不可以被查询；设定为 index：文件将被检索； |
| name | Robots | 设定为 follow：页面上的链接可以被查询；设定为 noindex：文件将不被检索，但页面上的链接可以被查询；设定为 nofollow：文件将不被检索，页面上的链接可以被查询。aa |
| content | 自定义 | 根据name属性的值来写 |
| http-equiv | refresh | http-equiv主要用来重定向网页，当值为refresh，要再写一个content属性，它的值表示多长事件就刷新一次网页，content=“30”，表示每30秒就刷新一次网页，content="30；url=跳转的网页url"表示30秒后跳转到指定的网页 |
| charset | UTF-8 | 规定文档的字符编码 |
meta标签的用法很多，更加详细的可自行百度。
8.图片标签
<img src="图片的url" alt = "图片不显示的时候替换的文本" title = "鼠标移到图片上的时候显示的文字" width ="img标签的宽" height = "img标签的高">
图片没有定义宽高的时候，图片按照百分之百比例显示，如果只更改图片的宽度或高度，图片会等比例缩放，只写一个就不会使图片变形。
图片的路径要区分相对还是绝对路径
相对路径：以引用文件所在位置为参考基础，
而建立出的目录路径,图片相对于 HTML 页面的位置
绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
例如，“D:\web\img\logo.gif”或完整的网络地址“http://www.baidu.cn/images/logo.gif”。
9.文本段落标签
<p></p>
网页中要把文字有条理地显示出来，离不开段落标记，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标记就是<p>标签。
<p>是HTML文档中最常见的标记，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。
10.文本样式标签
<em></em>(常用)或<i></i><!-- 文本倾斜标签 -->
<del></del>(常用)或<s></s><!--删除线标签 -->
<ins></ins>(常用)或<u></u><!--下划线标签 -->
<strong></strong>(常用)或者<b></b><!--文本加粗标签 -->
<hr/><!--分割线标签 -->
11.滚动标签
<marquee>滚动字幕内容</marquee>
| 属性 | 值 |
|---|---|
| height | 标签的高度 |
| width | 标签的宽度 |
| behavior | 滚动的方式，scroll:由一端滚动到另一端，会重复。slide:由一端滚动到另一端，不会重复 |
| direction | 设置滚动方向 dow下 left向左滚动 right 向右滚动 up 向上滚动 |
| loop | 设置滚动次数 （-1表示一直滚动下去） |
12.列表
列表在网页中经常使用到，导航栏，新闻标题列表等地方都可以使用。
<ul type="可设置前面的黑点格式">
<li list-style:none(清除黑点）></li>
<li></li>
<li></li>
</ul>
<!--ul为无序列表，默认前面的是小黑点，可以设置黑的的样式 -->
<ol type="可设置前面的黑点格式">
<li></li>
<li></li>
<li></li>
</ol>
<!--ol为有序列表，默认前面的是从1或者a或者I开始，可以设置 -->
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
<!--这是自定义列表 -->
ul标签属性：
| 属性 | 属性值 | 描述 |
|---|---|---|
| type | disc | 实心小圆圈 ，默认值 |
| square | 小方块 | |
| cricle | 表示空心小圆圈 |
1122
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
