HTML文档结构-创新互联
1.基本结构：
//文件开始标志，表示网页文档的开始
//文件头，标题，主题
............ //文件头内容
//网页的编码
//文件头结束标记
//文件主体开始标志
............. //文件主体内容
//文件主体结束
//文件结束标志
//注释
2.HTML标题标签
（1）
,,,,,
个人主页
//字体由大到小，带有间距
登录
登录
登录
登录
登录
（2）
html基本结构
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
//
：换行
10>5
//大于小于，段落间有间距
10 > 5
10<5
标签定义一个文本段落，一个段落含有默认的上下间距，段落之间会用这种默认间距隔开
3.语义标签
（1）
标签 块元素，表示一块内容，没有具体的语义。
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容
div标签
超文本标记语言
//表示块，块与块之间没有间距，可以嵌套，而不可以嵌套，
（2）标签 行内元素，表示一行的一小段内容，没有具体的语义。
4.图片标签
超文本标记语言，标准通用标记语言下的一个应用。
// ：能在里的某一段设置一个样式，本身不带有样式
（3）含样式和语义的标签
标签行内元素，表示语气中的强调词，斜体
行内元素，表示专业词汇，斜体
行内元素，表示加粗，关键词
行内元素，表示非常重要的内容，整体加粗
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容
**（4）语义化的标签**
就是布局的时候多使用有语义的标签，搜索引擎在爬网的时候能认识这些标签，如：h2表示标题，p表示段落，ul,li表示列表，a表示链接，dl,dt,dd表示定义列表
（5）图片标签
src属性定义图片的引用地址
alt属性定义图片加载失败时显示的文字，搜索引擎会使用这个文字收录图片、盲人读屏软件会使用
//相对路径： ./表示当前目录，可以省略 ../表示上一级目录
//绝对路径：最好用相对路径，在别的地方也可以用
5.HTML链接标签
href属性 定义跳转的地址
title属性 定义鼠标悬停时弹出的提示文字框
target属性 定义链接窗口打开的位置，target=“_self"缺省值，新页面替换原来的页面，在原来位置打开，target="_blank"新页面会在新开的一个浏览器窗口打开
主页 -
回到顶部
**6.HTML列表**
（1）有序列表：
//快捷写法：ol>li*3（2）无序列表：
//快捷写法：ul>(li>a)*3有序列表
- html
- css
- javascript
（3）定义列表：通常用于术语的定义。表示列表的整体，- 表示术语的题目，
- 表示术语的解释，一个dl可以有多高题目和解释
- html
- 负责页面结构
//首行缩进
- css
- 负责页面表现
- javascript
- 负责页面行为
*//简写：dl>(dt+dd)3**
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
新闻标题：HTML文档结构-创新互联
浏览路径：http://hbruida.cn/article/pipoo.html
,,,
个人主页
//字体由大到小，带有间距
登录
登录
登录
登录
登录
（2）
html基本结构
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
//
：换行
10>5
//大于小于，段落间有间距
10 > 5
10<5
标签定义一个文本段落，一个段落含有默认的上下间距，段落之间会用这种默认间距隔开
3.语义标签
（1）
标签 块元素，表示一块内容，没有具体的语义。
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容
div标签
超文本标记语言
//表示块，块与块之间没有间距，可以嵌套，而不可以嵌套，
（2）标签 行内元素，表示一行的一小段内容，没有具体的语义。
4.图片标签
超文本标记语言，标准通用标记语言下的一个应用。
// ：能在里的某一段设置一个样式，本身不带有样式
（3）含样式和语义的标签
标签行内元素，表示语气中的强调词，斜体
行内元素，表示专业词汇，斜体
行内元素，表示加粗，关键词
行内元素，表示非常重要的内容，整体加粗
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容
**（4）语义化的标签**
就是布局的时候多使用有语义的标签，搜索引擎在爬网的时候能认识这些标签，如：h2表示标题，p表示段落，ul,li表示列表，a表示链接，dl,dt,dd表示定义列表
（5）图片标签
src属性定义图片的引用地址
alt属性定义图片加载失败时显示的文字，搜索引擎会使用这个文字收录图片、盲人读屏软件会使用
//相对路径： ./表示当前目录，可以省略 ../表示上一级目录
//绝对路径：最好用相对路径，在别的地方也可以用
5.HTML链接标签
href属性 定义跳转的地址
title属性 定义鼠标悬停时弹出的提示文字框
target属性 定义链接窗口打开的位置，target=“_self"缺省值，新页面替换原来的页面，在原来位置打开，target="_blank"新页面会在新开的一个浏览器窗口打开
主页 -
回到顶部
**6.HTML列表**
（1）有序列表：
//快捷写法：ol>li*3（2）无序列表：
//快捷写法：ul>(li>a)*3有序列表
- html
- css
- javascript
（3）定义列表：通常用于术语的定义。表示列表的整体，- 表示术语的题目，
- 表示术语的解释，一个dl可以有多高题目和解释
- html
- 负责页面结构
//首行缩进
- css
- 负责页面表现
- javascript
- 负责页面行为
*//简写：dl>(dt+dd)3**
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
新闻标题：HTML文档结构-创新互联
浏览路径：http://hbruida.cn/article/pipoo.html
,
个人主页
//字体由大到小，带有间距
登录
登录
登录
登录
登录
（2）
html基本结构
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
//
：换行
10>5
//大于小于，段落间有间距
10 > 5
10<5
标签定义一个文本段落，一个段落含有默认的上下间距，段落之间会用这种默认间距隔开
3.语义标签
（1）
标签 块元素，表示一块内容，没有具体的语义。
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容
div标签
超文本标记语言
//表示块，块与块之间没有间距，可以嵌套，而不可以嵌套，
（2）标签 行内元素，表示一行的一小段内容，没有具体的语义。
4.图片标签
超文本标记语言，标准通用标记语言下的一个应用。
// ：能在里的某一段设置一个样式，本身不带有样式
（3）含样式和语义的标签
标签行内元素，表示语气中的强调词，斜体
行内元素，表示专业词汇，斜体
行内元素，表示加粗，关键词
行内元素，表示非常重要的内容，整体加粗
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容
**（4）语义化的标签**
就是布局的时候多使用有语义的标签，搜索引擎在爬网的时候能认识这些标签，如：h2表示标题，p表示段落，ul,li表示列表，a表示链接，dl,dt,dd表示定义列表
（5）图片标签
src属性定义图片的引用地址
alt属性定义图片加载失败时显示的文字，搜索引擎会使用这个文字收录图片、盲人读屏软件会使用
//相对路径： ./表示当前目录，可以省略 ../表示上一级目录
//绝对路径：最好用相对路径，在别的地方也可以用
5.HTML链接标签
href属性 定义跳转的地址
title属性 定义鼠标悬停时弹出的提示文字框
target属性 定义链接窗口打开的位置，target=“_self"缺省值，新页面替换原来的页面，在原来位置打开，target="_blank"新页面会在新开的一个浏览器窗口打开
主页 -
回到顶部
**6.HTML列表**
（1）有序列表：
//快捷写法：ol>li*3（2）无序列表：
//快捷写法：ul>(li>a)*3有序列表
- html
- css
- javascript
（3）定义列表：通常用于术语的定义。表示列表的整体，- 表示术语的题目，
- 表示术语的解释，一个dl可以有多高题目和解释
- html
- 负责页面结构
//首行缩进
- css
- 负责页面表现
- javascript
- 负责页面行为
*//简写：dl>(dt+dd)3**
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
新闻标题：HTML文档结构-创新互联
浏览路径：http://hbruida.cn/article/pipoo.html
个人主页
//字体由大到小，带有间距登录
登录
登录
登录
登录
（2）
html基本结构
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
//
：换行
10>5
//大于小于，段落间有间距
10 > 5
10<5
标签定义一个文本段落，一个段落含有默认的上下间距，段落之间会用这种默认间距隔开
3.语义标签
（1）
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容
div标签
超文本标记语言
//表示块，块与块之间没有间距，可以嵌套，而不可以嵌套，
（2）标签 行内元素，表示一行的一小段内容，没有具体的语义。
4.图片标签
超文本标记语言，标准通用标记语言下的一个应用。
// ：能在里的某一段设置一个样式，本身不带有样式
（3）含样式和语义的标签
标签行内元素，表示语气中的强调词，斜体
行内元素，表示专业词汇，斜体
行内元素，表示加粗，关键词
行内元素，表示非常重要的内容，整体加粗
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容
**（4）语义化的标签**
就是布局的时候多使用有语义的标签，搜索引擎在爬网的时候能认识这些标签，如：h2表示标题，p表示段落，ul,li表示列表，a表示链接，dl,dt,dd表示定义列表
（5）图片标签
src属性定义图片的引用地址
alt属性定义图片加载失败时显示的文字，搜索引擎会使用这个文字收录图片、盲人读屏软件会使用
//相对路径： ./表示当前目录，可以省略 ../表示上一级目录
//绝对路径：最好用相对路径，在别的地方也可以用
5.HTML链接标签
href属性 定义跳转的地址
title属性 定义鼠标悬停时弹出的提示文字框
target属性 定义链接窗口打开的位置，target=“_self"缺省值，新页面替换原来的页面，在原来位置打开，target="_blank"新页面会在新开的一个浏览器窗口打开
主页 -
回到顶部
**6.HTML列表**
（1）有序列表：
//快捷写法：ol>li*3（2）无序列表：
//快捷写法：ul>(li>a)*3有序列表
- html
- css
- javascript
（3）定义列表：通常用于术语的定义。表示列表的整体，- 表示术语的题目，
- 表示术语的解释，一个dl可以有多高题目和解释
- html
- 负责页面结构
//首行缩进
- css
- 负责页面表现
- javascript
- 负责页面行为
*//简写：dl>(dt+dd)3**
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
新闻标题：HTML文档结构-创新互联
浏览路径：http://hbruida.cn/article/pipoo.html
