HTML的常用标签

本文最后更新于2022.04.08-14:55,某些文章具有时效性,若有错误或已失效,请在下方留言或联系涛哥

标题标签(字体自动加粗 h1~h6字体逐渐减小)

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

 

 定义描述标签

<dl>
     <dt>标题</dt>
     <dd>描述内容</dd>
</dl>

段落标签

<p>这是一段内容</p>

 

列表标签(有序和无序)

<ol>
	<li>我是li</li>
	<li>我是li</li>
</ol>
<ul>
	<li>我是li</li>
	<li>我是li</li>
</ul>

 

水平线标签

<hr />

 

换行标签

<p>这是一段<br>文字</p>

 

表格标签

<table border="1"><!-- 表格(<teable border="" />) --> 
	<tr><!-- 行 -->
		<td>单元格</td><!-- 列 -->
		<td>单元格</td><!-- 列 -->
	</tr>
	<tr><!-- 行 -->
		<td>单元格</td><!-- 列 -->
		<td>单元格</td><!-- 列 -->
	</tr>
</table>

 

表单标签

<form action="提交地址" method="提交方法">一切标签</form>
提交方法:一般有post和get两种
作用:提交用户输入的信息
ps:h5新特性:
     1,autocomplete:表单是否自动补全(on/off)  
     2,novalidadte:在自动提交的时候,不进行h5标签的字段验证,值是自己表示不验证

 分区标签

<div>一切标签</div>

 图片标签

<img src="图片路径" alt="图片加载不出来的提示文字" title="鼠标移上去的提示文字">
图片路径:
    1,绝对路径:从盘符开始写的路径;特点:只要图片的位置不发生变化都可以加载图片
    2,相对路径:不从盘符开始写,从文件位置本身开始写的路径(是我们最常用的方法)
..\表示上一级  ..\..\表示上两级
ps:用于制作响应式图片,图片显示随分辨率变化而变化
<picture>
<source media="媒体查询" srcset="图片路径">
<img src="图片路径">
</picture>

 

范围标签:显示某行内的特殊样式

<span>文本等行级内容</span>

 

超链接标签

<a href="链接地址" target="目标窗口位置" >链接热点文本或图像</a>
锚链接的使用:
     设置锚点:<a name="标记名">目标位置</a>
     链接到标记位置:<a href=”#标记名“></a>

 

input标签

<input type="类型"  value="值” />
阅读剩余
THE END