html基础标签总结

一、超链接标签：
重点：

超链接标签用<a></a>表示，作用：能从一个页面跳转到另一个页面。超链接标签可分为以下几种类别：
1.外部链接：例如：<a href="http://www.baidu.com">百度</a>
（一般指跳转到一些官网中，即外界所提供的的网页链接，打开窗口的方式  target属性  默认的值是——self 当前窗口打开页面 _blank 新窗口打开页面）
2.内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，例如：<a href="omdex.html">首页</a>
（一般可理解为跳转到另一个自己写的html文件中，如果html文件与当前打开的网页文件在同一级（同一目录）则直接将他的网址放在引号中）
3.空链接：如果当时没有确定链接目标时用#代替，例如：<a href="#">首页</a>
4.下载链接：如果href里面地址是一个文件或者压缩包，点击后自动下载这个文件
(文件以.exe或者.zip结尾)
5.网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接
(可以把这些元素当成文字放在网页中 )
6.锚点链接：当我们点击链接所表示的文本时可以快速定位到页面的某个位置
（点击的文本所在的标签中也要有个标识在链接文本中的href的属性，其属性值应设为#名字的形式，如<a href="#two">第二集</a>
    找到目标位置标签，里面添加一个id属性=刚才的名字，如：<h3 id="two">第二集介绍</h3>)
二、注释和特殊字符：
重点：
1:注释标签 以"<!--"开头，以"-->"结束。
(<!--注释语句--!>  快捷键：ctrl+/  再按一次取消注释功能)
2：特殊字符：
空格：&nbsp
小于号：&it
大于号：&gt

三、表格标签：

重点：表格的作用是更清晰明确地展示数据，提高数据的可读性。

表格标签用 <table></table>表示，描述表格的其他标签必须包含在该标签中。

<tr></tr>表示行标签，<td></td>用来表示单元格标签。

（需要排列在一行的单元格，其标签应包含在同一个<tr></tr>标签中。）

1、表头单元格标签

表头单元格标签用<th></th>表示。于其他单元格标签相比，相同点：都需要包含在行标签<tr></tr>中。不同点：表头单元格标签会对其包含的内容字体加粗并居中显示。

2、标签属性：

width:设置表格的宽

border:单元格是否有边框，""默认值表示无边框，"1"有边框。

cellspacing:单元格与单元格之间的距离。

cellspadding：单元格边沿与内容之间的距离。

align:表格对齐方式。（偏左，偏右，居中）

四、列表标签：

重点：

1、无序列表

用<ul></ul>标签表示无序列表，用<ul></ul>标签表示无序列表。

注：<ul>标签中只能包含<li>标签，但<li>标签中可以包含其他标签。

各个列表项属于并列关系。

2、有序列表

用<ol></ol>标签表示有序列表，用<ul></ul>标签表示无序列表，列表项会用数字显示，表示顺序。

3、自定义列表

<dl></dl>   描述定义列表

<dt></dt>  定义总名称或项目名

<dd></dd>  描述每一个名称或项目名

注：<dl>里面只能包含<dt>和<dd>标签

可以有多个<dt>标签，一个<dt>里面可包含多个<dd>标签
 

五、表单标签：

重点：
1、表单域
用来表示一个表单的所包含的区域，<form>标签用来将表单域内的元素信息传递到服务台，用于后端数据处理。

2、表单控件

重点：用于收集用户信息，是用户用来输入内容或者选择的控件。

<input>标签

该标签是单标签。属性type用来表示表单元素以怎样的形式显示。

type常用类型：test  文本框 用户可输入任何内容

                        password  密码字段  输入的密码被掩盖，用户看不见输入的密码

                        radio 单选控件  用户只能选择一个，选项中的name属性必须相同

                        checkbox 复选框 用户可选择多个，选项中的name 属性也必须相同

                        submit 提交按钮  内容通过value设置

                        react 重置按钮  点击后页面会恢复到第一次被加载的时候

input属性：value  input元素内容，用户自己定义，一打开页面就会存在

                  name  input元素名称 ，用户自定义。当类型为radio和checkbox时，各选项的name值应相等。

                checked  即网页第一次被加载时就已经被选择，用户不能改变

                maxlength 正整数 用来控制输入的字符长度

<label>标注标签

作用：当点击该标签中的内容时，浏览器会自动聚焦到旁边的表单元素。

<label>标签中含有for属性，类似于href属性，具有跳转定位的作用。可以跳转定位到id属性值与for属性相同的地方。

注：与href不同的是：href属性值需要用"#名字"表示,而for属性值用"名字"表示

<select>下拉标签

作用：设置多个选项让用户选择。

<select>里面包含着子标签<option>，至少含有一对<option>标签，用来展示各个选项。

在<option>标签中selected="selected"表示默认选中项。

<texterea>文本域标签

作用：如果用户输入文本内容太多，可以使用该标签实现输入。

属性：rows:表示显示的行数

           cols:每行中的字符数

注：因为以上都是属于表单标签，所以都应包含在<form></form>标签中。