<h1 id="html基本语法">HTML基本语法
<h3 id="html标签">HTML标签

• 单标签 <标签名>或<标签名 />
• 双标签 <标签名>内容
• 跟标签也叫元素(根元素)

属性">属性

• 属性属于标签
• 一个标签可以有多个属性,每一个属性有不同的意义
• 属性值最好写在双引号中

代码规范">代码规范

• 缩进 Tab或4个空格

标签">HTML 主体结构标签

标签-1">html标签

标签">head标签

• 里面会包含诸多页面标题,搜索引擎信息等相关的标签

标签">body标签

• 页面的主体内容
• 属性
• background
• bgcolor
• text
• link 超链接默认颜色
• vlink 点击过后的颜色
• alink 正在点击的颜色

标签">head头部标签

标签">标签

• 定义字符编码
• <Meta charset="utf-8"/>

• <Meta http-equiv="content-type" content="text/html;charset="utf-8"/>

• 刷新或跳转
• <Meta http-equiv="refresh" content="3"/>
• <Meta http-equiv="refresh" content="3;url=http://unclealan.cn"/>
• 设置关键字
• <Meta name="keywords" content="每个词用英文,隔开"/>
• 设置页面描述

• <Meta name="description" content="80字之内一段话"/>

  标题图标">定义网站标题图标

• 图片地址.ico"/>

标签">格式排版标签

标签-br">换行标签 br

分隔线-hr">分隔线 hr

• ---

• 语义:段落于段落之间的分割
• 属性
• align :left/right/center

标题标签-hn">标题标签 hn

• 一级标题

• 二级标题

• 三级标题

• 四级标题

• 五级标题

• 六级标题

标签">居中标签

• 不建议使用

•   空格
• < <
• > >
• " ""引号
• © © 版权
• ¥ ¥
• × x
• &dicide; ÷
• ® ®

标签">列表标签

• ul 双 无序列表 属性type(disc(默认)/square/circle)
• li 双 列表项 属性type 值同上
• ol 双 有序列表 属性reversed(降序) type(1/a/A/I/i) statr(从哪个数或字母开始)
• dl 双 定义列表
• dt 双 列表项目的标题
• dd 双 列表项目的描述

标签双">文本标签(双)

• em 强调 表现为斜体
• strong 强调 表现为加粗
• cite 引证,距离,书名,电影名
• dfn 定义项目
• kbd 键盘按键
• abbr 定义缩写 配合title
• bdo 配合dir属性(ltr左到右,rtl右到左) 改变文字书写方向
• code 定义代码
• var 定义变量
• del 已经删除的删除线
• ins 当前的下划线
• sup 上标
• sub 下标
• q 引用 短
• blockquote 引用 长
• address 定义地址
• b 加粗 强调
• i 斜体 科学专业术语
• u 下划线 定义与其他文本不同风格的文本

链接">超链接

• 统一资源定位符
• 万维网的每一个文件都有一个URL

标签">a标签

• href 值 URL
• target 网页的打开方式 _self(默认)/_blank(新窗口)
• title 提示
• download 下载 h5新增

• 相对路径 ./ ../(上两层)
• 绝对路径

img标签-属性">img标签 属性

• src
• alt 图片无法显示时的文字
• title
• border 值 数字
• width 图片宽度
• height 图片高度
• usemap

图片格式">常见的图片格式

• jpg/jpeg
• gif
• png

图片热点-图片映射">图片热点 图片映射

• map id/name
• area shape(circle rect矩形 poly多边形) href title target...

标签">table 标签

• border
• width
• height
• cellspacing 单元格之间的间隙 默认2
• cellpadding 单元格和单元格内容之间的间隙 默认0
• align
• bgcolor
• background

标签-表示一行">tr 标签 表示一行

• align 行内文字的水平对齐方式 left/center/right
• valign 行内文字的垂直对齐方式 top/middle/bottom
• height 行高度
• bgcolorcolspan合并列(左右) rowspan合并行(上下)

标签-表示单元格">td 标签 表示单元格

• align
• valign
• width

• height

  标签-表头">th 标签 表头

  属性同td

  标签">thead标签

  标签">tbody标签

  标签">tfoot标签

  标签-定义表格标题">caption标签 定义表格标题

标签">form标签

• action
• method 值 get/post 默认get
• target

• enctype

  标签-单">input标签 单

• name 属性
• text 默认 文本框
• password 密码框
• radio 单选框
• checkBox 复选框
• file 文件上传
• submit 提交按钮
• reset 重置按钮
• button 普通按钮
• image 把图片作为提交按钮的样子 不推荐
• hidden 隐藏域
• value属性 默认值 type值不同value的意义不一样
• size 属性 控制输入框宽度 适用于text和password
• maxlength 属性 最大输入字符个数 适用于text和password
• checked 属性 默认选中 适用于radio/checkBox
• readonly 只读 适用于text/password
• disabled 表示不可用
• type 属性
• submit(默认)
• reset

• button

  标签-下拉列表">select 标签 (下拉列表)

• name
• size
• multiple 设置多选

• disabed

  标签">option 标签

• value
• disabled

• selected 默认选项

• name
• disabled
• rows 高度
• cols 宽度
• readonly

• for 表单控制的ID

标题">legend 标题