HTML常用标签实例代码分析

发布时间：2022-03-05 16:18:18 作者：iii
来源：亿速云阅读：123

这篇文章主要介绍“HTML常用标签实例代码分析”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“HTML常用标签实例代码分析”文章能帮助大家解决问题。

html常用标签

<h2> </h2>
<h3> </h3>
<h4> </h4>
...

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

<hr /> //水平线标签

<br /> //换行标签

<div> </div>
<span> </span>

<img src="url" /> //图像标签

<a href="" target="self"> </a>  //链接标签

<!-- 注释语句 --> //注释标签

相对路径 | 绝对路径

表格标签

<table>
    <tr>
        <th>表头</th>
        ...
    </tr>
    <tr>
        <td>单元格内的文字</td>
        ...
    </tr>
    ...
</table>

无序列表

<ul>
    <li> </li>
    <li> </li>
    <li> </li>
    ...
</ul>

//有序列表
<ol>
    <li> </li>
    <li> </li>
    <li> </li>
    ...
</ol>

//自定义列表
<dl>
    <dt>名词1</dt>
    <dd>名词1解释1</dd>
    <dd>名词1解释2</dd>
    ...
</dl>

表单标签

<input type="属性值" value="" name="">

属性	属性值	描述
type	text	单行文本输入框
type	password	密码输入框
type	radio	单选按钮
type	checkbox	复选框
type	button	普通按钮
type	submit	提交按钮
type	reset	重置按钮
type	image	图像形式的提交按钮
type	file	文件域

name	由用户自定义	控件的名称
value	由用户自定义	input控件中的默认文本值
size	正整数	input控件在页面中的显示宽度
checked	checked	定义选择控件默认被选中的项
maxlength	正整数	控件允许输入的最多字符数

label标签(提升用户体验)

<label>
    用户名：<input type="text" name="username" value="">
</label>

textarea控件（文本域）

<textarea>
文本内容
</textarea>

select下拉列表

<select>
    <option>选项1</option>
    <option>选项2</option>
    <option>选项3</option>
    ...
</select>

form表单域

<form action="url地址" method="提交方式get/post" name="表单名称">
</form>

关于“HTML常用标签实例代码分析”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。