总结 HTML 中的常用标签用法

最新推荐文章于 2024-12-04 15:55:07 发布

即将秃头的菜鸟

最新推荐文章于 2024-12-04 15:55:07 发布

阅读量417

点赞数 3

分类专栏： front 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_52592775/article/details/127825699

版权

front 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文详细介绍了HTML的基本标签和元素，包括文档结构、标题、段落、样式控制、图像、链接、表格、表单、列表等。同时，还提到了一些特殊字符的表示方法和表单元素的创建，如多行文本框、下拉选项等。此外，还涵盖了表单标签和列表标签的使用。这些内容对于理解和创建基本的网页至关重要。

摘要由CSDN通过智能技术生成

HTML

<head></head>文档头部
<title></title>文档标题
<body></body>文档主体
<h1>--<h6>标题标签id
<p></p>段落标签
<br />换行标签
<strong></strong>加粗
<em></em>倾斜
<del></del>加删除线
<ins></ins>下划线
<div></div>和<span></span>无语义，用来在其中装内容

<img src=" 图像的路径或文件名"/>
alt 当图像不能正常显示时替换所输入的文本
title 鼠标放上去写提示文本
width 图像的宽度
height 图像的高度
border 给图像设置边框
相对路径 ../ 上一层级
/ 下一层级

超链接标签

target后跟_self _blank
_self在当前页面打开网页
_blank重新另起一页面打开网页
herf 后面跟上网页地址 http://www.------.com
空链接 <a herf="#">文字</a>
内部链接 <a herf="index.html">名称</a>
网站内部之间的相互链接，直接链接页面内部名称
锚点链接 #名字
<a herf="#ywmc">文字标题</a>
id属性=名字 <h* id="ywmc">文字标题</h*>
ctrl加/ 注释标签

特殊字符：

空格 ----> &nbsp；
< ----> <
> ----> >

表格标签

<table></table>定义表格用标签
<tr></tr>行标签
<th></th>表头单元格标签
<td></td>单元格标签
<table后跟：
align="center right left" 对齐方式
border 1或“” 默认“”无边框
cellpadding 文字与边框间距
cellspacing 单元格之间间距
width height
<thead></thead>表头区域里面必须有<tr>
<tbody> 表格主体区域标签
colspan 列合并写在合并第一格位置
rowspan 行合并

表单元素：

创建多行文本框
<textarea cols="**" rows="**"></textarea>
cols="每行中的字符数"
rows="显示行数"

列表标签：

<ul></ul>无序标签
<ol></ol>有序标签
ul和ol中跟<li></li>
<dl></dl>自定义标签下辖
<dt></dt> <dd></dd>

表单标签：

<form></form> 定义表单域
<input>表单元素
type属性的属性值：
button 定义普通按钮
checkbox 定义复选框
radio 定义单选框
value 定义input元素的值
name 定义input元素名称
file 获取文件
reset 重置信息
submit 提交信息给后台
text 定义单行输入字段
password 定义密码字段
image 定义图像形式的提交按钮
checked=“checked” 默认被选中
maxlength 限制最大输入长度
label
<input type="--" id="--"><label for="--">wenzi</label>