标签:
<br/>或者<br>:换行标签,因为直接在文本中换行是不支持的,换行会被解析成一个空字符。
<h1>-<h6>:标题标签,数字代表标题的大小,h1字体最大,数字越大字号越小。
<p>:段落p标签
<hr/>:自闭合标签,显示一条水平线。
<b>:字体加粗
<i>: 字体斜体
<img/>:自闭合标签。src 属性指 "source",源属性的值是图像的 URL 地址
有序列表:
ol: order list,定义一个有序列表,li标识列表中的每一项,自动加上数字代表有序。
无序列表:
ul: 定义一个无序列表,初始会有在项前面有圆点,li仍然标识列表中的每一项。
<a></a>:定义一个超链接
属性:
1.href:输入一个能够跳转的资源路径。
2.target: target = _self时表示在当前页面打开,target = _blank表示在另一个窗口打开。
<span></span>:文本信息在一行展示,称为行内标签,内联标签
<div></div>:每一个div占满一整行,块级标签
table:定义表格
tr:定义行
td:定义单元格
th:定义表头单元格
表单:
<form></form> :用于定义表单的。可以定义一个范围,范围代表了采集用户数据的范围。
form标签中的属性:
action :指定提交数据的URL
method :指定提交的方式,例如post,get
input :可以通过type属性来改变元素展现的样式
type属性:
text :文本输入框
password :密码输入框
radio:单选框
注意:
1.要想让多个单选框实现单选的效果,则多个单选框的name属性必须一样
2.单复选框一般会给每一个单选框提供value属性,指定其被选中后提交的值
3.可以使用checked来指定默认值
checkbox :复选框
file :文件选择框,可以提交文件到服务器
hidden :用于提交信息
submit :提交按钮,可以提交表单
button:一个按钮,会和javascript结合实现动态效果
image :通常用src指定图片的路径,可以用于提交
color :取色器,也可以提交。
data/datatime-local :前者只有年月日,后者有小时和分钟
value属性:通常用来指定被选中后给服务器提交的值
placehooder属性:它的值可以给框附加提示信息,只要点击后就消失。
select属性: 下拉列表,要加name才能提交
option:给出选项
textarea 属性:文本域
cols:定义每行字符数
rows:定义行数
扩展选择器
1.选择所有元素:
语法: *{}
2.并集选择器器:
用逗号相连
例子:* 选择器1,选择器2{ }
3.子选择器:筛选选择器1元素下的选择器2元素
语法: 选择器1 选择器2{ }
4.父选择器:筛选选择器2的父元素1
语法:选择器1>选择器2
5.属性选择器:选择元素名称,属性名=属性值的元素
语法: 元素名称[属性名="属性值"]
6.伪类选择器:选择一些元素具有的状态