HTML标签学习

标题标签

标题标签有6种，并且每个都是独占一行，分别是h1、h2、h3、h4、h5、h6，字体大小依次减小。

段落标签和换行标签

段落标签是<p>，不独占一行，段落标签结束就自动换行。换行标签是<br>(或者<br />)。

文本格式化标签

功能	标签	备注
加粗	strong、b	strong的语义更强烈
倾斜	em、i	em的语义更强烈
删除线	del、s	del的语义更强烈
下划线	ins、u	ins的语义更强烈

div、span标签

这是两个容器标签，div标签，一行只能放一个，span标签，一行可以放多个。

图像标签

<img src="地址" alt="" title="">
src是指图片存在的地址，可以是绝对地址，也可以是相对地址，也可以是http://www......地址，图片标签还有一些属性比如width,height,border

超链接标签

<a href="" target="">文本或图像</a>
1.外部链接：例如链接到百度
2.内部链接：往回走哪内部页面之间的相互链接，直接链接内部页面明后才能即可，例如<a href="indexf.html">首页</a>
3.空连接：如果当时没有确定链接目标是，<a href="#>首页</a>
4.下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件
5.网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接
6.锚点链接：点击链接可以快速定位到页面中的某个位置

表格标签

<table>
<tr>
<td>
......
</tr>
.....
</table>
表头单元格：
在第一行用<th>标签,下面的列都用<td>标签
表格结构标签：
<thead></thead>:用于表格的头部，一般是位于第一行，其内部必须拥有<tr>标签
合并单元格：
跨行合并：rowspan="合并单元格的个数"
跨列合并：colspan="合并单元格的个数"

列表标签

1、无序列表：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
在<ul></ul>中只能有<li></li>标签，<li></li>里可以有其他任何标签。
2、有序标签：
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ol>
在<ol></ol>中只能有<li></li>标签，<li></li>里可以有其他任何标签。
3、自定义列表：
<dl>
<dt>列表项1</dt>
<dd>列表项2</dd>
<dd>列表项3</dd>
......
</dl>
标签包含情况同上，<dl>标签用于定义列表，<dt>（定义项目/名字）和<dd>（描述每一个项目/名字）一起使用。

表单

一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息3个部分构成
表单域：是一个包含表单元素的区域。
<form>标签用于定义表单域，来实现用户信息的收集和传递。
<form>会把它范围内的表单元素信息提交给服务器。
<form action="url地址 method="提交方式 "name="表单域名称">各种表单元素控件</form>

属性	属性值	作用
cation	url地址	用于指定接收并处理表单数据的服务器程序的url地址。
method	get/post	用于设置表单数据的提交方式，其取值为get或post.
name	名称	用于指定表单的明后才能，以区别一个页面中的多个表单域

表单控件（表单元素）

1、input输入表单元素

&ltinput type=“属性值” /&gt

type的属性值如下：

属性值	描述
button	定义可点击按钮（多数情况下，用于通过javaScript启动脚本）。
checkbox	定义复选框
file	定义输入字段和“浏览”按钮，供文件上传。
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮。
password	定义密码字段，该字段中的字符被掩码
radio	定义单选按钮
reset	定义重置按钮，重置按钮会清除表单中的所有数据。
submit	定义提交按钮，提交按钮会把表单数据发送到服务器
text	定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符

input标签的其他属性

属性	属性值	描述
name	由用户自定义	定义input元素的名称
value	有用于自定义	规定input元素的值
checked	checked	规定此input元素首次加载是应当被选中
maxiength	正整数	规定输入字段中的字符的最大长度

通过name给表单元素添加名字，同一组单选按钮的name必须相同，复选框也是如此。

通过value给表单元素赋值。

2、select下拉表单元素

3、textarea文本域元素