什么是HTML
是超文本标签语言,
标签
标签有分单标签双标签
单标签: <br />
双标签: <b></b>
h1 ~ h6 : 标题h1最大
<title></title>: 浏览器标题
<br />换行
hr : 水平线
<p></p>: 段落
<b></b>,<strong></strong>: 文字加粗
<i></i>, <em></em>: 文字斜体
<s></s>, <del></del>: 加删除线
<u></u>,<ins></ins>: 加下划线
<div></div>, <span></span>: “方块”,“盒子”, 用于布局
- width: 设置宽
- height: 设置高
<img\ src="地址 " />: 图片
- src: 设置地址
- alt:文本, 当图片不显示时显示该文本
- title文本, 当鼠标停靠时显示该文本
<a href=“地址”></a>: 超链接
- href: 超链接的地址, 当写#或void(0)时不跳转
<ul><li></li></ul> 无序列表
<ol><li></li></ol> 有序列表
<table><tr><td><td></tr></table>: 表格
- border: 边框
- cellspacing: 单元格与单元格之间空白的距离
- cellpadding: 单元格与内容的空白距离
- width: 设置表宽
- height: 设置表高
- align: 设置位置
- left: 靠左边
- center: 居中
- right: 靠右边
- rowspan: 跨行合并
- colspan: 跨列合并
- caption: 表格标题
- <table><caption>这是表格的标题</caption></table>
字符集
<meta\ charset=“UTF-8”>
目前最常用的字符集是 UTF-8, 常用的有gbk和gb2312
gb2312 简单中文 包括6763个汉字
BIG5 繁体中文 港澳台等用
GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312
UTF-8则包含全世界所有国家需要用到的字符
表单标签
input 控件
type:
- text: 单行文本输入框
- password: 密码输入框
- radio: 单选 按钮
- checkbox:复选框
- button: 点击按钮
- submit: 提交按钮
- reset: 重置按钮
- mage: 图片形式的提交按钮
- name: 由用户自己定, 控件的名字
- value: 由用户自己定, 控件默认的文本
- size: 正数,控件在页面显示的大小
- checked: 定义复选框默认在那个选框
- maxlength:整数, 输入框输入的最大个数
textarea: 文本域
- <textarea>文本</textarea>
<select><option>1</option><option>2</option><option>3</option></select>下拉菜单
至少需要在select内写一对option,否则没有效果
selected=“selected” 默认选中该项
表单域:
<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>
action: 指定传递给那个服务器的地址(要传到那就写那的地址)
method: 提交的方式, GET 或 POST
name: 表单的名字
H5的新特性
文档类型设定
- document
- HTML:
- XHTML:
- HTML5
字符设定
- ：HTML与XHTML中建议这样去写
- ：HTML5的标签中建议这样去写
常用新标签
- header：定义文档的页眉
- nav：定义导航链接的部分
- footer：定义文档或节的页脚
- article：标签规定独立的自包含内容
- section：定义文档中的节（section、区段）
- aside：定义其所处内容之外的内容
常用新属性
| 属性**** | 用法**** | 含义**** |
|---|---|---|
| placeholder**** | 占位符提供可描述输入字段预期值的提示信息 | |
| autofocus**** | 规定当页面加载时 input 元素应该自动获得焦点 | |
| multiple**** | 多文件上传 | |
| autocomplete**** | 规定表单是否应该启用自动完成功能 | |
| required**** | 必填项 | |
| accesskey**** | 规定激活（使元素获得焦点）元素的快捷键 |
新增的type属性值：
| 类型**** | 使用示例**** | 含义**** |
|---|---|---|
| email**** | 输入邮箱格式 | |
| tel**** | 输入手机号码格式 | |
| url**** | 输入url格式 | |
| number**** | 输入数字格式 | |
| search**** | 搜索框（体现语义化） | |
| range**** | 自由拖动滑块 | |
| time**** | ||
| date**** | ||
| datetime**** | ||
| month**** | ||
| week**** |