HTML
HTML
HTML语言
超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。
HTML结构
<!DOCTYPE html> <!--声明使用HTML5标准-->
<html lang="zh-CN"> <!--声明使用的语言-->
<head>
<meta charset="UTF-8"> <!--声明编码方式-->
<title>css样式优先级</title> <!--网页标题-->
</head>
<body>
<!--网页主体内容-->
</body>
</html>
注释
基本标签
-
<b>加粗</b> -
<i>斜体</i> -
<u>下划线</u> -
<s>删除线</s> -
<p>段落标签</p> -
<h1>标题标签</h1>h1~h6 标题从大到小 -
<br />换行 -
<hr />水平线 -
<div></div>块标签 -
<span></span>行内标签 -
<a></a>链接标签- href：链接地址、本地HTML文件、锚链接
- target：打开链接方式
-
<img />图片标签- src：图片地址
- alt：当图片显示错误是显示
- title：当鼠标悬浮在图片上时显示内容
- width：图片宽度
- height：图片高度
-
列表
- type：列表样式
-
有序列表
<ul type="disc"> <li>1</li> <li>2</li> <li>3</li> </ul>- 1
- 2
- 3
-
无序列表
<ol type="a"> <li>1</li> <li>2</li> <li>3</li> </ol>- 1
- 2
- 3
-
标题
<ld> <dt>标题1</dt> <dd>内容1</dd> <dd>内容2</dd> <dt>标题2</dt> <dd>内容1</dd> </ld>- 标题1
- 内容1
- 内容2
- 标题2
- 内容1
-
表格
-
border：边框
-
width：表格宽度
-
height：表格高度
-
cellpadding：表格内边距
-
cellspacing：表格外边距
-
colspan：横向合并单元格
-
rowspan：纵向合并单元格
<table border="1px" width="200" height="200" cellpadding="20px" cellspacing="20px"> <thead> <!--表头--> <tr> <th>name</th> <th>age</th> </tr> </thead> <tbody> <!--表内容--> <tr> <td rowspan="2">戈达尔</td> <td colspan="2">19</td> </tr> <tr> <td>asdf</td> <td>23</td> </tr> </tbody> </table>name age 戈达尔 19 asdf 23 -
-
下拉框
<select name="city" id="city"> <option value="1">北京</option> <option selected value="2">上海</option> <option value="3">广州</option> <option value="4">深圳</option> </select> -
表单
属性 描述 action 规定向何处提交表单的地址（URL）（提交地址）。 enctype 规定被提交数据的编码（默认：url-encoded）。如果是上传文件需要设置为multipart/form-data method 规定在提交表单时所用的 HTTP 方法（不写默认：GET）。 novalidate 规定浏览器不验证表单。 <form action="请求地址" method="请求方式"> </form>- label标签
可以使得点击label标签使输入框获得焦点
- bel 元素不会向用户呈现任何特殊效果。
-
input标签
type属性值 表现形式 对应代码 hidden 隐藏框 text 单行输入文本 <input type=text" /> password 密码输入框 date 日期输入框 checkbox 复选框 radio 单选框 submit 提交按钮 reset 重置按钮 button 普通按钮 file 文本选择框 -
Textarea文本域
一个文本域，可以用来写个人简介等。
<textarea rows="10" cols="30"> 我是一个文本框。 </textarea>
