HTML的常用标签

HTML常用标签

<!--标题标签-->

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

<!--段落标签-->

<p></p>

<!--换行标签-->

<br/>

<!--水平线标签-->

<hr/>

<!--范围标签-->

<!--想在一大段中突出部分的时候使用-->
<span></span>

<!--图片标签
	src:指定图片的路径,相对路径
-->
<img src = "" usemap="#map的属性名"/>

<!--列表标签-->一般用在导航上面

<!--无序-->
<ul>
    <li></li>
</ul>

<!--有序-->
<ol>
    <li></li>
</ol>

<!--定义描述标签-->
<dl>
    <dt>标题</dt>
    <dd>介绍</dd>
</dl>

标签当中可以写属性

布局标签
<div></div>

html标签可以分为块状元素和行级元素两类

块状元素：一般都是新起一行，可以容纳行内元素和其他块级元素
行级元素：一般都是语义级别的基本元素，一般只能容纳文本或者其他行内元素

区分方法：是否独占一行

块状元素和行内元素的区别：

​	块级元素会独占一行，其宽度自动填满其父元素宽度
​	行内元素会排列到同一行里，其宽度随元素的内容变化而变化
​	块级元素可以设置宽高，行内元素设置宽高无效
​	块级元素可以设置margin，padding属性

属于块状元素的：

​	标题标签h1-h6
​	段落标签p
​	水平线标签hr
​	有序列表标签ol-li
​	无序列表标签ul-li
​	定义描述标签dl-dt-dd
​	容器标签div
属于行级元素：

​	范围标签span
​	图像标签img

超链接标签
两个作用：实现页面间的跳转；实现锚链接功能
<a href = "" target = ""></a>

表格标签
<table>
    <tr>
    	<td></td><td></td>
    </tr>
</table>

表单元素中的共有属性
id:元素的唯一标识，不重复
name:表单项元素的名称，很重要--提交数据到服务器之后，服务器获取数据通过该名称
value:表单项元素的值，服务器获取数据通过name获取到的就是value
type:表示表单项元素的呈现形式
class:表示样式名称