最全HTML标签属性

Torres-圣君

已于 2022-04-07 16:46:30 修改

阅读量518

点赞数 2

分类专栏： web前端笔记文章标签： html

于 2021-03-14 10:20:59 首次发布

本文链接：https://blog.csdn.net/qq_44091819/article/details/114777804

版权

web前端笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML的基本格式：

<！DOCTYPE html>
<html lang="en">
<head>
    <meat charset="UTF-8">
    <title> </title>
</head>
<body>
</body>
</html>

七个标题

<h1></h1>

换行（一段文字结尾后）

<p></p>

强制换行

</br>

分割线

</hr>

插入图片，定义了宽,高和边框的大小

<img src="图片路径" width="宽度" height="高度" alt="当路径无效，则输出本段内容" title="悬停显示内容>

超链接相关：

将文字设为超链接

<a href="URL地址">文字</a>

将图片设为超链接

<a href="URL地址"><img src="图片路径"></a>

网页跳转时打开一个新网页

<a href="URL地址" target="_blank">文字</a>

全部超链接都变成同上

<base target="_blank">

网页跳转时在当前页面跳转

<a href="URL地址" target="_self">文字</a>

全部的超链接都变成

<base target="_self">

超链接到自己其他的网页

<a href="网页路径">网页的名称</a>

超链接鼠标悬停时显示的信息

<a href = "URL地址" title="显示内容">文字</a>

跳转到其他网页的指定位置

<a href="URL地址#xxx">文字</a>
<h id="xxx">标签名</h>

跳转到原本网页的指定位置

<a href="#xxx">文字</a>
<h id="xxx">标签名</h>

列表相关：

无须列表

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

有序列表

<ol>
    <li></li>
</ol>

定义列表

<dl>
    <dt></dt>
    <dd></dd>
</dl>

下拉列表

<select>
    <optgroup lable="分组名称">
        <option>列表数据</option>
    </optgroup>
</select>

表格相关：

表格标签

<table bgcolor="bleak" border="1" cellspacing="1px" width="px" height="px" alijn="center">
    <caption>标题居中</caption>
    //表头
    <thead>
        //tr：行   td：列   th:加粗的列
        <tr bgcolor="white">
            <td></td>
            <th></th>
        </tr>
    </thead>
    //表单
    <tbody>
    </tbody>
</table>

合并单元格

<td colspan="x"></td>   水平合并
<td rowspan="x"></td>  垂直合并

表单标签相关：

表单格式

<from>
    <表单元素>
</from>

type属性相关方法：
- 明文输入框
  - type="text"
- 加密输入框
  - type="password"
- 日期输入框
  - type="date"
- 文件选择框
  - type="file"
value设置默认值：
- value="xxx"
禁止用户输入：
- disable：禁用输入框
- readonly：只读输入框
换行输入框

<textarea clos="宽度" rows="高度">
    默认内容
</textarea>

输入框聚焦

<from>
    <lable for="xxx">文字</lable><input type="text" id="xxx">
</from>

表单边框

<from>
    <fieldset>
        <legend>边框内容</legend>
        框内内容
    </fieldset>
</from>

选择框相关：

单选框

<from>
    <input type="radio" name="xxx" checked="checked">文字       //checked 仅能单个默认选项
</from>

多选框

<from>
    <input type="checkbox" checked="checked">文字                            //checked 可多个默认选项
</from>

待选列表

<input type="text" list="xxx">
<datalist id="xxx">
    <option>待选内容</option>
    <option>待选内容</option>
</datalist>

按钮相关：

普通按钮

<from>
    <input type="button" value="按钮名" onclick="alert （显示内容）">
</from>

图片按钮

<from>
    <input type="image" src="图片地址" onclick="alert （显示内容）">
</from>

重置按钮

<from>
    <input type="reset" value="按钮名">
</from>

提交按钮

<from>
    <input type="submit">
</from>

必填按钮

<from>
    <input type="submit" required>
</from>

隐藏域按钮

<from>
    <input type="hidden" name="xxx" value="xxx">
</from>

常用字符实体

&nbsp       空格符号
&copy       版权符号
&lt         小于符号
&gt         大于符号

代替被遗弃的标签：

strong语义：定义重要性强调的文字

<strong>文字</strong>

ins语义：定义插入的文字

<ins>文字</ins>

em语义：定义强调的文字

<em>文字</em>

del语义：定义被删除的文字

<del>文字</del>

Torres-圣君

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
最全HTML标签属性

HTML的固定格式<！DOCTYPE html><html lang = "en"><head> <meat charset = "UTF-8"> <title> </title></head><body></body></html>七个标题<h1></h1>换行（一段文字结尾后）<p></p&gt
复制链接

扫一扫

专栏目录