常见的HTML标签

文字处理标签

标题标签：<h1></h1>…<h6></h6>

段落标签：<p></p>

有序列表标签和无序列表标签：

<ol><li></li></ol>， <ul><li></li></ul>

行内标签：<span></span>

换行标签和横线标签：<br/>,<hr/>

块级标签和行级标签：块级标签会独占一行，行级标签和其他标签共享一行

图像标签：<img src="图像文件地址" title="标题" alt="提示信息">

超链接标签：<a href="目标地址">提示文字或图像</a>

作用：跳转到目标地址指定的页面

目标地址有绝对地址赫尔相对路径两种写法，一般建议采用相对路径

>在同一个网站的不同页面之间

>在不同网站的页面之间

>在同一个页面不同位置之间，使用锚链接

锚链接：

>在某个位置定义一个锚链接<a name="锚链接名称">文字</a>

>在某个位置定义跳转的超链接<a href="#锚链接名称">文字</a>

邮件超链接：

<a href="mailto:邮箱地址">联系我们</a>

表格标签：表格方式显示数据；进行网页布局（淘汰）；页面局部布局

 

<table>

        <!-- 行 -->

        <tr>

            <!-- 列 -->

    <!-- 表头，加粗显示 -->

            <th>列名称</th>

        </tr>

        <tr>

     <!-- 数据列 -->

            <td>列中的数据</td>

        </tr>

</table>

 

表格属性：rowspan，行合并，几行对应的列合并，行合并后，td减少

    colspan，列合并，本行td数量对应减少

可以在同一行使用td和th

tr标签不是table标签的子标签，table的子标签是thead（表头），tbody（表主体），tfoot（表脚）

开发时没有写thead等标签，浏览器解释自动添加tbody

表单标签：用户在浏览器端输入数据，提交给服务器

常见类型：text，password，radio，checkbox，file，hidden，submit，reset，button

 

<form action="提交数据的目标地址" method="get或者post">

<input type="表单元素类型名" name="数据名称" value="数据">

</form>

 

表单元素类型

text：单行文本框

password密码文本框

radio单选按钮，同一组name属性值相同

 

<input type="radio" name="" value="" checked="checked">

checked="checked"默认选中

 

checkbox复选框

 

<input type="checkbox" name="" value=""  checked="checked">

 

submit提交按钮：默认行为是提交表单中的数据

reset重置按钮：默认行为是还原表单元素中的数据

button一般按钮，没有默认行为，自己编写js代码来定义其功能

file文件域

hidden隐藏域

get方式：表单数据和地址在一起，在浏览器的地址栏中可以看到如下格式的数据：

地址？name属性值=value属性值&……

不完全

post方式：数据封装到数据包中，抓包软件，chrome使用开发者工具

多行文本框：

 

<textarea name="名称" cols="可见列数" rows="可见行数">内容</textarea>

 

下拉列表框：

 

<select name="名称">

        <option value="数据" selected="selected">选项文字</option>

        ……

</select>

 

>一般而言，表单元素必须要有name属性值，没有name属性值，这个表单元素的value不能提交

>特殊的html属性：enabled启用disabled禁用

文本框特有的html属性：readonly=“readonly” 只读

>表单中多个表单元素在网页上的位置一般采用表格来进行定位

form-table

其他标签

div：层，一般用于页面布局，本质上就是网页中的一个矩形

dl>dt>dd：图文混排