[html]html常用标签-CSDN博客

本文链接：https://blog.csdn.net/qq_61925446/article/details/130968190

一.结构标签

结构标签是一个html代码的骨架，一般一个html代码都有结构标签，一共有三个结构标签。

（1）<html> </html>

<html>标签是一个html代码的起手式，一般所有的标签都应该在html标签下，<html>标签是一个html代码的根节点。

（2）<head> </head>

<head>标签的的内容一般都是html代码的客观属性，设置一个html代码的整体属性，css和js代码也会嵌套在head标签里面。

（3）<body> </body>

body标签的内容是一个html文件的最后显示的内容，任何产生界面内容的标签都写在body标签下。

二、文本标签

（1）h1-h6

h1-h6是标题标签，字体会被加粗增大，并且从h1到h6字体的粗大程度依次递减，h1最粗，h6最细，但是也比普通文本粗。

（2）<p></p>

p标签是显示一段的标签，它显示的文本内容回自动形成一段，与周围文本的行距会比段内文本的行距大。

（3）<br>

br是换行标签，在html中要在界面显示上的文本主动换行要用br标签实现，在html的代码上普通的将内容换行不能实现最终显示的换行，只是在显示的内容上加上了一个空格。

（4）<a></a>

a是超链接标签，a有一个herf属性，herf属性就是超链接的连接地址，a的内容就是超链接在页面上显示的内容。

如下：

三、图片标签

<img>是插入图片的标签，它有三大属性，src，alt，title。

src：图片的路径，包括绝对路径，相对路径。

alt：图片的解释，当图片因为各种原因，导致未能加载出来时，会显示alt值，可以用alt来解释图片内容。

title：当鼠标悬停在图片上时，会显示title的内容。

示例如下

<img src ="网址" alt="图片解释" title = "鼠标悬停显示">

四、列队标签

列队标签就是将内容排成一行一行的有组织有格式的文本，有两种格式，有顺序标号的和没有顺讯标号的。

（1）有顺序标号的<ol></ol>和<li></li>

ol就是ordered line,有顺序的行，排序的每一行的内容就是在li（list line）标签下，

如：

<ol>
    <li>内容</li>
    <li>内容</li>
    <li>内容</li>
</ol>

（2）无序号的<ul></ul>和<li></li>

ul就是unOrdered line，无顺序的行，排列的内容也在li标签下。

<ul>
    <li>内容</li>
    <li>内容</li>
    <li>内容</li>
</ul>

五、输入标签

<input>标签根据type属性的不同，表现形式不同，但是input标签的最终形势都是用户输入的。

（1）文本框 type=“text”

<input type="text">

（2）密码框 type="password"

（3）单选框 type="radio"

（4）复选框 type="checkbox"

（5）普通按钮 type="button"

（6）提交按钮 type="submit"

（6）文件选择框 type="flie"

六、下拉菜单标签

<select>标签显示一个下拉菜单，配合<option></option>标签显示选项，一个option对应一个选项。

如下:

<select>
    <option>选项</option>
    <option>选项</option>
    <option>选项</option>
</select>

七、多行文本框

<textarea></textarea>，多行文本框有行rows，列cols两个属性，设置这个文本框有几行几列。

 <textarea cols="30" rows="30"></textarea>

八、无语义标签

div标签的内容是独占一行的。

span标签的内容是不独占一行的。