HTML基本标签(一)
1.什么是HTML
html:Hyper TextMakeup language:超文本标记语言
html:网页的“源码”
浏览器:“解释和执行”html源码的工具
2.网页的摘要信息
网页摘要信息利于浏览器解析和搜索引擎搜索:
2.1使用
2.2使用标签
(1)描述文档类型和字符编码
(2)描述搜索关键字和描述
3.HTML页面中的块和行
HTML标签分类(方便后续的布局设计)
块级标签:显示为”块”状,前后隔一行
行级标签:按行逐一显示
强调:块级和行级标签的区别:
块级:前后换行
行级:一行内显示
块级标签分为:基本块级标签,常用于布局的块级标签
基本块级标签:
001.标题标签
......
h1最大,h6最小
002.段落标签
...
003.水平线标签
常用于布局的块级标签:
001.有序列表标签
002.无序列表标签
003.定义描述标签(常用于图文混编)
004.用定义描述标签实现图文混编的效果
005.表格
百度 | 新浪 |
006.表单
007.分区标签div
重点: 一般当做结构化块状元素使用,作为逻辑分区(分块)即容器来使用。
04.请说出实际开发常用的4种块状结构是什么?
01.div-ul(ol)-li:常用于分类导航或菜单等。
02.div-dl-dt-dd:常用语图文混编的场合
03.table-tr-td常用于图文布局或数据显示
04.form-table-tr-td:常用于布局表单
05.行级标签
001,图像标签
为了浏览器之间的兼容,推荐使用title属性,确保能显示提示文字
alt:当图片不显示时,显示在图片上的文字
title:鼠标停留在图片上显示的文字
002.行级标签:显示某行内的独特样式
文本等行级内容
003.换行标签
06.为什么需要w3c标准
w3c:World Wide Web Consortium,万维网联盟
W3C的职能:负责制定和维护web行业标准
W3C提倡的web结构:
1、内容(结构)和表现(样式)分离
2、HTML内容结构要求语义化
07.XHTML1.0基本规范
001.标签名和属性名必须小写
002.html标签必须关闭
003.属性值必须用引号括起来
004.标签必须正确嵌套
005.必须添加文档类型声明
文档声明必须位于文档的最前面,级别有三种:Strict(严格类型),Transitional(过渡类型),Frameset(框架类型)
HTML基本标签(二)
01.超链接--实现页面间的导航
语法:链接热点文本或图像
例如:
02.相对路径:相对于当前目录的地址,常用
绝对路径:指向目标地址的完整描述,少用
重要:如果要访问当前路径的上一级路径可以使用../
03.超链接的三种应用场合
001.页面间链接
002.锚链接
003.功能性链接
001.页面间链接
适用场合:常用于网站导航
002.实现锚链接(分为同页面锚链接和页面间锚链接)
同页面锚链接:
1,定义标记(锚):目标位置
2,设置链接到标记位置:当前位置
适用场合:适用于页面内容较多,超过一屏的场合
跨页面链接:
1.标记所在页:[明星专区]
锚链接可以用于同页也可以跨页链接
2.设置链接到标记位置:明星专区
003.功能性链接
邮箱、QQ链接等
待写…
04.注释