HTML总结

什么是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****