HTML结构组成
1.文档的类型声明
格式：<!doctype html> h5的声明方式
作用：告诉浏览器当前使用的HTML版本，以便浏览器能正确解析HTML标签和渲染样式
书写位置：文档最开始位置
2.文档的开始和结束
1.在文档类型声明之后，使用一对<html></html>标签标示文档的开始和结束
2.在HTML标签中，包含两对子元素
<html>
<head></head>
<body></body>
</html>
<head>标签表示网页的头部信息，包含网页的标题，选项卡的图标，网页的关键字，作者，描述等信息，还可以引入外部的资源文件
<body>标签表示网页的主体信息，网页所呈现的内容都要写在body里
3.<head>标签中包含的子元素
1.设置网页的标题
<title>我的第一个网页</title>
2.设置网页的字符编码
<meta charset="utf-8">
浏览器按照utf-8的编码方式解析网页
文本相关的标签
1.字符实体（具有特殊意义的符号）
：表示一个空格
< :表示小于号<
> :表示大于号>
© :表示版权符号
¥ :表示人民币符号
2.文本样式标记
1.斜体显示文本 ：<i></i>
2.文本添加下划线 ：<u></u>
3.文本加粗效果 ：<b></b>
4.文本添加删除线 ：<s></s>
5.上标显示文本 ：<sup></sup>
6.下标显示文本 ：<sub></sub>
特点：这些标签可以与其他标签或文本共行显示
3.标题标签
1.作用：以不同的文字大小和家畜方式显示文本
2.语法
<hn></hn> n取值范围1~6分别表示1~6级标题（字体大小逐级递减）
<h1></h1> :一级标题
...
<h6></h6> ：六级标题
特点:
1.会改变文字的大小并且具有加粗效果
2.每个标题都会具备垂直的空白距离
3.每个标题都独占一行，不与其他元素共行显示
4.每个标题都可以添加属性align
取值：left /center /right
左 居中 右
设置文本的水平对齐方式，默认居左显示
4.段落标签
1.作用：突出显示一段文本，每段文本都独占一行或一块，不与其他元素共行显示，并且也具备垂直的空白距离
2.语法：
<p></p>
属性 align 设置文本的水平对齐方式
取值：left /center /right
左 居中 右
5.格式标签
换行标签<br> 或者</br>
水平线标签<hr> 或者</hr>
6.分区标签
1.块分区
标签：<div></div>
作用：划分页面结构，配合CSS实现网页布局
特点：独占一行显示（独占一块）
2.行内分区元素
标签：<span></span>
作用：设置同一行文本的不同样式（结合CSS）
特点：可以与其他元素或文本共行显示，允许在一行文本中使用多个span元素
7.标签分类
1.块级元素
只要在网页中是独占一行，不予其他元素共行显示的元素都是块级元素，简称块元素。例如：h1 h2 h3 h4 h5 h6,p,div....
作用：都可以做布局
特点：都可以添加align属性，设置内容的水平对齐方式
2.行内元素/内联元素
可以与其他元素共行显示的元素
例如：i b u s sun sup span
列表标签
1.作用：按照作用从上到下的方式来排列数据，并且能够显示项目符号在数据的面前
2.列表的组成
1.列表的类型：
1.有序列表<ol></ol> (ordered list)默认是按照数字排列
2.无序列表<ul></ul> (unordered list)默认以实心原点作为标识
2.列表项：
列表的每一条数据都是一个列表项
语法： <li></li>
注意：列表项要嵌套在列表标签中使用
3.列表属性
1.有序列表 ol
1.type属性 ：设置项目符号
取值：
1. 1：按照数字排列显示，默认值
2. a：按照小写字母顺序排列
3. A：按照大写字母顺序排列
4. i: 按照罗马数字排列
5. I：按照罗马数字排列
2.start属性 ：设置从第几个字符开始排列
取值：数字
2.无序列表 ul
1.type属性 ：设置项目符号
取值：
1. disc 实心圆点（默认）
2.circle 空心圆点
3.square 实心方块
4.none 不显示项目符号
4.列表嵌套 ：在一个列表中又出现了其他的列表
图像和超链接标签
1.URL （全称：Uniform Resource Locator）
统一资源定位符（路径）：用来标识网络中资源的位置，俗称路径
URL组成：协议 域名 文件目录及文件名
URL分类：
1.绝对路径
从根目录开始查找
常用于网络文件路径
2.相对路径
从当前文件所在的文件夹开始查找
3.根相对路径
从web程序所在的根目录开始查找资源文件
注意：
1.网络URL中不能出现中文
2.URL是严格区分大小写的
2.图像标签
1.作用：在网页中插入一张图片
2.语法： <img>
3.属性：
1.src : 指定要显示的图片路径
2.width ：设置图片宽度，以像素px为单位，也可以省略单位
3.height : 设置图片的高度
注意：src为必填属性，宽高可以省略，省略宽高的话，图片将以原始尺寸显示在网页中
4.title : 用来设置图片的标题，当鼠标悬停在图片上方时出现
5.alt ： 用来设置图片加载失败之后的提示文本
绝对路径加载本地文件
1.windows电脑上绝对路径都是以盘符开始的
2.需要手动补全文件名
3.Windows电脑两种斜杠都可以识别，当在别的系统运行时需要手动修改路径中的斜杠为/（\是转义字符的标志）
超链接标签
1.什么是超链接标签
能够实现从当前文件跳转到其他文件的标签
2.语法
<a>超链接文本</a>
标签属性：
1.href : 必填属性，指定连接地址，以路径形式给出。#表示当前页，不会发生页面的刷新操作，如果属性为"",也表示当前页，但是包含了网络请求，相当于刷新页面。
2.target
可选属性：设置目标文件的打开方式
属性值：
1._self : 默认值，表示当前窗口打开
2._blank : 表示新窗口中打开
3.锚点连接：连接到当前文件的指定位置
1.语法：
1.设置锚点
<a name="anchor1"></a>
2.设置跳转
<a href="#anchor1">早年经历</a>
扫一扫
1182
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
