HTML

Hyper Text Markup Language（超文本标记语言）

优势

世界知名浏览器厂商对HTML5的支持

微软，Google，苹果，Opera，Mpzilla

市场的需求

跨平台

W3C标准

W3C

World Wide Web Consortium（万维网联盟）

成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构

http://www.w3.org/

http://www.chinaw3c.org/

W3C标准包括

结构化标准语言（HTML,XML)

表现标准语言（CSS）

行为标准（DOM,ECMAScript）

常见IDE

记事本，Dreamweaver，IDEA，WebStorm

网页基本标签

标题 <h1></h1>

段落 <p></p>

换行

水平线 <hr/>

字体样式 <strong></strong>粗体 <em></em>斜体

注释和特殊符号 空格&bnsp; &gt>; &lt<; &copy ;版权符

图像标签

JPG,GIF,PNG,BMP

 

链接标签

<a href="" target="位置"></a>

文本超链接

图像超链接

锚链接

功能性链接

行内元素和块元素

块元素

无论内容多少，该元素独占一行

行内元素

内容撑开宽度，左右都是行内元素的可以排在一行

列表

无序列表

有序列表

自定义列表

表格

基本结构

单元格，行，列，跨行，跨列

视频和音频

视频元素：video

音频元素：audio

页面结构分析

元素名 描述
header 标题头部区域的内容（用于页面或页面中的一块区域）
footer 标记脚部区域的内容（用于整个页面或页面的一块区域）
section Web页面中的一块独立区域
article 相关内容或应用（常用语侧边栏）
nav 导航栏辅助内容

iframe内联框架

​<iframe src="path" name="mainFrame"></iframe>

表单

<form method="post" action="result.heml">
<p>
<input type="submit" name="Button" value="提交"/>
</p>
</form>

表单元素格式

属性 说明
type 指定元素的类型。text，password，checkbox，radio，submit，reset，file，hidden，image和button，默认为text
name 指定表单元素的名称
value 元素的初始值。type为radio时必须指定一个值
size 指定表单元素的初始宽度。当type为text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位
maxlength type为text或password时，输入的最大字符数
checked type为radio或CheckBox时，指定按钮是否被选中

表单的应用

隐藏域 hidden

只读 readonly

禁用 disabled

表单初级验证

常用方式：

placeholder 提示信息

required 非空判断

pattern 正则表达式