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.有序列表标签

  

1. 列表项1

002.无序列表标签

 

• 列表项1

003.定义描述标签(常用于图文混编)

标题

描述1

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.注释