web前端——HTML标签

一、 HTML : Hypertext Markup Language 超文本标记语言
a) 超文本：超出文本的范畴：指所有的元素，包括图片，视频，音频…
b) 作用：交互
c) 本质：DOM树
d) HTML核心三元素：html / head & body

1. title:网页标题
   e) HTML中的常用标签
2. 行级标签 （标签展示后不换行，不可以有宽高）
3. 换行标签：
   
4. a标签
   a) 超链接：提示内容

1. href=”目标路径”
2. target=”展现地方”

1. _self : 当前窗口（默认值）
2. _blank : 新建空白窗口
3. _parent : 在父窗口
4. 框架名称
5. 后台服务名称
   b) 锚链接：

1. 引导：<a href=”[ 网址 ]#锚名”>提示内容
2. 锚：[提示内容]
   c) 功能性链接:
3. 联系我们

3. 图像标签：
   a) 相对路径根目录同HTML文件的根目录
   b) src : 图片路径
   c) alt : 替换文本（图片不能正常加载时的提示文本）
   d) title : 悬浮文本（鼠标悬浮于图片之上显示的文本）
4. span标签
   a) 默认没有任何样式的标签，一般用于套在其他标签内部，进行局部差异设计的功能。
5. 视频/音频标签：
   
   
   a) controls : 控制面板
   b) autoplay : 自动播放
   c) 标准方式：考虑到不同浏览器对不同格式视频的支持
   

… 不支持播放 6. 粗体标签： 文字 7. 斜体标签： 文字 2. 块级标签 （标签展示后不换行，一般必须有宽高） 1. 段落标签：

文字

2. 标题标签：h1~h6 字体从大到小 3. 层：div 4. H5语义化标签 a) header body中的头部 b) footer body中的页脚 c) section body主体中的专题板块 d) aside body左右两侧的侧边栏 e) article 通常和body的侧边栏aside配合使用 5. 列表标签： a) 无序列表：ul>li 可以横向做导航和纵向列表

• 内容
• …
• 内容

b) 有序列表：ol>li c) 定义列表：dl>dt&dd 可以做图片环绕文字/带下拉列表导航 6. 表单 … a) method: get在浏览器地址栏包装数据提交到后台 b) method: post流式提交方式 c) enctype: 文件上传专用 d) 表单中常用标签： 前端专用 1) input: 服务端专用 1. type的值 a) text 文本框 b) password 密码框 c) radio 单选按钮 name必须相同 d) checkbox 复选框 name必须相同 e) file 文件域 f) button 普通按钮 g) image 图像按钮 提交功能 h) submit 提交按钮 提交功能 i) reset 重置按钮 还原默认值   2) 下拉列表：仅限后台使用 江苏 … 北京 江苏 … 北京 3) 文本域 textarea 1. cols 每行多少字符 2. rows 行数（内容超出行数限制出现纵向滚动条） e) 表单元素的特殊属性 1) 文本框只读：input[type=text/password]/textarea 1. readonly=”readonly” 2) 设置选择性按钮的默认选中项 1. input[type=radio/checkbox] a) checked=”checked” 2. select a) selected=”selected” 3) 禁用按钮 input[type=button/image/submit/reset/file] 1. disabled=”disabled”