HTML
一、HTML介绍
二、常用标签
HTML介绍
HTML是什么？
超文本标记（标签）语言，一套规则，浏览器可识别
浏览器渲染顺序：从上到下，从左到右，不同浏览器对同一标签可能有完全不同的解释（兼容）
HTML不是什么
不是编程语言，是一种标记语言，通过标记标签描述网页
HTML结构
html
|--head
| |--meta
| |--title
|
|--body
|
告诉浏览器使用什么样的html或者xhtml来解析html文档
是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档，在它们之间是文档的头部和主体。
元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。
之间的文本是可见的网页主体内容
HTML标签格式
1.HTML标签是由尖括号包围的关键词
2.HTML标签通常是成对出现
3.标签不区分大小写
4.标签分为两部分：开始标签和结束标签，两个标签之间的部分我们叫做标签体；只有一个标签的标签叫做自闭和标签
5.标签可以有若干的属性，也可以不带属性
6.标签可以嵌套，不可以交叉嵌套
常用标签
DOCTYPE标签
<!DOCTYPE> 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
head内常用标签
meta标签
元素可提供有关页面的元信息（meta-information），针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部，不包含任何内容。
提供的信息是用户不可见的
name属性：
网站关键词：
网站描述内容：
http-equiv属性：
响应头,3秒跳转（没有地址，3秒刷新）:
响应体使用的编码为UTF-8:
非meta标签
link标签：
页签图标
其他标签：
body内常用标签
基本标签
常用标签：
# （独占一行）...
# （独占一行）
# 换行（该占几行占几行）
# 加粗
# 文字加中线
# 斜体
# 下角标
# 上角标
标签分类：
块级标签（block） # 独占一行
內联标签（inline） # 根据内容而定
div
块级标签，没有任何样式
span
內联标签，没有任何样式
img
图片
a标签
超链接
锚
第一章
back top : ‘#‘寻找id
列表标签
无序列表(unorder list)
- 123
- 123
有序列表(order list)
- 123
- 123
定义列表(define list)
- 123 #dt:define title
- 123 #dd:define data
- 123
表格标签（table）
# broder边框 cellpadding内边距 cellspacing外边距# tr:table row （行）
# th:table head （列头）
# td:table data （列）rowspan行合并2单行
# colspan列合并2单列
# td:table data （列）
| 123 | 123 | 123 |
|---|---|---|
| 123 | 123 | |
| 123 | 123 | |
form表单标签
功能：表单用于向服务器传输数据，从而实现用户与Web服务器的交互
form标签
action属性：
method属性：
数据发送方式post／get
input标签
自闭和标签
type属性：
text：输入框
password：密码输入
checkbox:复选框，需要value属性配合使用，checked默认选中
radio:单选框，需要name相同来互斥
subimt：发送数据按钮，自带事件
button:只是按钮，可以绑定事件
file：上传文件
hidden：不用于显示，默认给server的数据
name属性：
接收输入内容，组成键值对
input标签都需要有name属性，否则无法组成键值对
value属性：
值
<h1>注册</h1>
<from method="post">
<p>姓名：<input type="text" name="username"></p>
<p>密码：<input type="password" name="password"></p>
<p>爱好：篮球<input type="checkbox" name="hobby" value=“basketball” checked>
足球<input type="checkbox" name="hobby" value=“football”></p>
<p>性别：男<input type="radio" name="sex" value="male">
女<input type="radio" name="sex" value="female">
其他<input type="radio" name="sex" value="other"></p>
<p><input type="file" name="filename"></p>
<p><input type="hidden" name="hiddendate" value="20170101"></p>
<p><input type="submit" value="提交"></p>
</from>
selsect标签
下拉选项
option标签：下拉选择每一项
optgroup标签：为每一项加上分组
size属性：默认显示数量
multiple：多选
selected：默认选中
浙公网安备 33010602011771号