1.标签

HTML:Hyper Text markup language

超文本标记语言，用于页面呈现

• 超文本：页面上的文字、图片、音频、视频等内容统称为超文本
• 标记：<标记/标签/元素></标记/标签/元素> 语义化标签
• 语言：解释型语言
• 页面扩展名:html htm

PS: 网页字体一般设置14px~16px

---

一.W3C： 非盈利组织

制定规范，非强制性质
页面显示标签规范：有什么标签，大小写 ，嵌套结构，标签的“模样”
页面显示呈现规范：样式表 CSS
页面行为规范：Javascript

---

二.HTML标签

标签是不区分大小的，但是通常都小写

从<>分类:

1.双标记标签/容器标签：<标签></标签>

(1)
标题标签：<h1>标题内容</h1> h1 ~ h6
加粗： <strong></strong>或<b></b>
斜体：<em></em> 或 <i></i>
超链接：<a href=“页面路径”>超链接文本</a>

href=”链接地址” （相对地址，绝对地址）
target=”_blank” 链接页面在新窗口中打开
title =”” 提示文本
[注] 链接地址可以是页面路径，也可以是某个文件路径，如果该文件不能被浏览器打开，则提供下载功能

段落：<p></p> 属性align=“left/center/right”
(2)
列表标签
ul-li 无序列表 3个列表项目： disc(默认的) circle square
ol-li 有序列表 5个列表符号： 1 a A i I
ul或ol里面必须直接嵌套li标签，但是li标签内可以嵌套任意标签
dl-dt-dd 定义列表：主要用于图文混排的效果
div 盒子 容器的作用 主流的布局 DIV+CSS

table 表格标签

• tr 行
• td 列

作用：以表格形式显示数据
cellpadding：单元格中的文本距离单元格左侧的距离
cellspacing：单元格之间的边框的距离
跨列：从左向右合并 ，横向合并 colspan="3"
跨行：从上向下合并，纵向合并 rowspan="3"

---

2.单标签/空标签:<标签/>

(1)
<br/> 换行
<hr/> 水平线
<img src=“图片路径” width=“宽度” height="高度"title=“鼠标悬停在图片上时显示的文本” alt=“当图片不能正常显示时的替代文本”/>

绝对路径：从磁盘的根目录开始的路径
E:\教学班级\1902\JavaWeb\day1\授课代码\Html1902\img\001.jpg
缺点：当文件路径发生变化后，需要重新修改新的绝对路径

相对路径：从当前文件开始的路径
<img src="…\img\001.jpg" />
好处：当项目位置发生变化，文件的路径无需修改

(2) 表单标签：一类标签，能够输入内容或选择内容的标签

form:用于在网页上划分区域

• 通用：
  <input type=“标签的类型” value="" name=“名字” id=“唯一标识”/>
  text 文本框：输入单行文本
  password 密码框架：密文
• 按钮：
  reset 重置：把表单标签的值恢复到初始状态
  button 按钮：调用javascript函数
  submit 提交：把表单里的内容提交到表单的action对应的页面里

从现实角度划分标签：

• 1、块级标签：独占一行 可以设置宽度width 高度 height

  h1-h6
  p
  div
  ol-li 和 ul-li
  dl-dt-dd
  tabl-tr-td

• 2、行内标签/内联标签：在同一行内显示，width height设置后不起作用
  a

• 3、行内块/内联块：在同一行内显示，可以设置width height
  img
  表单标签 <form name=“register” method=“get/post” action=“img.html”></form>