HTML文档结构
1.基本结构:
创新互联长期为上1000家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为德清企业提供专业的做网站、成都网站建设,德清网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。
//文件开始标志,表示网页文档的开始
//文件头,标题,主题
............ //文件头内容
//网页的编码
//文件头结束标记
//文件主体开始标志
............. //文件主体内容
//文件主体结束
//文件结束标志
//注释
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**
网页标题:HTML文档结构
文章分享:http://scyanting.com/article/ipjchd.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**
网页标题:HTML文档结构
文章分享:http://scyanting.com/article/ipjchd.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**
网页标题:HTML文档结构
文章分享:http://scyanting.com/article/ipjchd.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**
网页标题:HTML文档结构
文章分享:http://scyanting.com/article/ipjchd.html