HTML
-
Hyper Text Markup Language(超文本标记语言）
ps：超文本包括文字、图片、音频、视频、动画等。
1.0 HTML5
- 世界知名浏览器厂商都对HTML5的支持
- 标准市场需求
- 跨平台
W3C
World Wide Web Consortium(万物网联盟）
Web技术领域最权威和具影响力的国际中立性技术标准机构
W3C标准： - 结构化标准语言（HTML、XML）
- 表现标准语言（CSS）
- 行为标准（DOM、ECMAScript）
<body>、</body>等成对的标签，分别叫开放标签和闭合标签；单独呈现的标签（空元素），如<hr/>,意为用/来关闭空元素（自闭合标签）
1.1网页的基本结构
- <!DOCTYPE html>---告诉浏览器，我们要使用什么规范
- <html>代码总标签
- <meta>描述性标签，用来描述我们网站的一些信息，一般用来做SEO（Search Engine Optimization）
- <head>代表网页头部
- <title>网页标题
1.2网页基本标签
标题标签<h1>、<h2>...
段落标签<p>
换行标签<br/>
水平线标签<hr/>
字体样式标签：
- 粗体<strong>
- 斜体<em>
特殊符号： - 空格 ；
- 注释<!-- -->
- 版权©
-&调用特殊符号
1.3图像标签
- src:图片地址
- alt：图像的替代文字
- title:悬停文字
1.4链接标签
- href：必填，表示要跳转到的页面
1.4.1图像超链接：
<a>
<img> img标签放在a标签里
</a> -
target：表示窗口在哪里打开
——blank 在新标签中打开
——self 在网页中打开（默认） - 1.4.2锚链接（实现网页内的跳转，eg：<a rel="nofollow" href="#top">回到顶部</a>
- 需要name一个锚标记
- 跳转到标记
3.#
邮箱链接mailto
1.5块元素和行内元素
块元素
无论内容多少，该元素独占一行
<p>、<h1-h6>...
行内元素
内容撑开宽度，左右都是行内元素的可以排在一行
<a>、<strong>、<em>...
1.6列表
- 无序列表 unorder list
<ul>
<li><li>
</ul> - 有序列表 order list
<ol>
<li><li>
</ol> - 自定义列表 definition list没有默认的属性，多用于公司网站底部
<dl>标签
<dt></dt>列表名称
<dd></dd>列表内容
<dd></dd>
</dl>
1.7表格标签
表格<table> boder边框
行<tr>rowspan跨行
列<td>colspan跨列
1.8视频和音频
视频元素<video> controls控制条 autoplay
音频元素<audio>
1.9页面结构
1.10内联框架 嵌套
<iframe>
2.1表单语法
action：表单提交的位置，可以是网站，也可以是一个请求处理地址
method：post，get提交方式
get：可以在url中看到提交的信息，不安全但高效
post：比较安全，可以传输大文件
获取post：检查—->Network
2.2表单元素格式
下拉框
文本域 textarea
文件域 input type=file name=files
验证
2.3表单的应用
- 隐藏hidden
- 只读readonly
- 禁用disabled
- 增强鼠标可用性
<label for>---</label>2.4表单的初级验证
为什么要进行表单验证？
- 初步筛选掉无效提交，减轻压力
- 保证数据安全性
常用方式：
placeholder：input输入框提示性信息
required:非空判断，有值才能提交
pattern：正则表达式（有默认的模式）
