幕布思维导图地址
2.html文档根标签
<html></html>
3.指定网页编码
<meta charset="UTF-8">
4.头标签:用于指定html文档的一些属性。引入外部的资源
<head></head>
5.网页标题标签
<title></title>
6.体标签
<body></body>
7.标题标签
<h1></h1> //h1~h6:字体大小逐渐递减
8.段落标签
<p></p>
8.换行标签
<br>
8.水平线标签
- 属性
- color:颜色
- width:宽度
- size:高度
- align:对其方式(left,center,right)
<hr>
9.字体加粗
<b></b>
9.斜体
<i></i>
10.居中
- 属性:
- color:颜色
- size:大小
- face:字体
<center></center>
11.图片展示
- align:对齐方式(left,right)
- alt:加载失败后显示文字
- wigth :宽度
- height:高度(
<img src="地址" align="对其方式" alt="古镇" width="500" height="500"/>
12.链接标签
- href:指定访问资源的url
- target:默认打开资源的方式
- _self:在当前页面打开,默认值
- _blank:在新标签页打开
<a></a>
12.块标签
<div></div>
13.行标签
<span></span>
14.表格标签:
- table:定义表格
- width:宽度
- border:边框
- cellpadding:定义内容和单元格的距离
- cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
- bgcolor:背景色
- align:对齐方式
- tr:定义行
- bgcolor:背景色
- align:对齐方式
- td:定义单元格
- colspan:合并列
- rowspan:合并行
- th:定义表头单元格
- :表格标题
- :表示表格的头部分
- :表示表格的体部分
- :表示表格的脚部分
14.表单:
-
form:用于定义表单的。
- action:指定提交数据的URL
- method:指定提交方式(get,post)
-
input:可以通过type属性值,改变元素展示的样式
- type属性:
- text:文本输入框,默认值
- placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息
- password:密码输入框
- radio:单选框(checked)
- file:文件选择框
- hidden:隐藏域,用于提交一些信息。
- type属性:
-
按钮:
- submit:提交按钮。可以提交表单
- button:普通按钮
- image:图片提交按钮
* src属性指定图片的路径
-
label:指定输入项的文字描述信息(for)
- option,指定列表项
-
textarea:文本域
- cols:指定列数,每一行有多少个字符
- rows:默认多少行。