够自己使用的HTML5标签

标题标签h1/h1h2/h2h3/h3h4/h4h5/h5h6/h6段落标签p/p换行标签br/文本格式化标签语义标签说明加粗strong或者b推荐使用strong倾斜em或者i推荐使用em删除线del或者s推荐使用del下划线...

标题标签

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

段落标签

<p></p>

换行标签

<br/>

文本格式化标签

语义标签说明
加粗strong或者b推荐使用strong
倾斜em或者i推荐使用em
删除线del或者s推荐使用del
下划线ins或者u推荐使用ins

div和span

分割分区

标签语义
div分区,一行只能有一个div 比如是一个大盒子
span跨度,可以横着显示 比如是一个小盒子

图像标签

    <img src="resoures\img\Snipaste_2021-04-29_21-20-49.png" />
标签语义
src图片的路径
title图片的提示文本
alt图片显示不出来时显示的文本
width图像的宽度(像素)
height图像的高度(像素)
border图像有无边框

超链接标签

    <a href="https://www.baidu.com/?tn=40020637_6_oem_dg" target="_blank">转到百度</a>
标签语义
href目标标签的URL
target以怎样的方式打开

target

属性语义
_blank新窗口打开页面
_self本窗口打开页面
_top这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
_parent这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

锚点链接

    <h1 id="标题">图像的标签使用</h1>   
	<a href="#标题">点我跳转</a>
属性语义
id校对的点,算是一个标签的的"姓名"
href要跳转过去的id链接,要加#

特殊字符

表格标签

标签名语义
table定义一个标签的主题
tr变迁中的每一行
th标签中的表头
td单元格内容
thead表格的头部
tbody表格的身体

表格标签属性

属性属性值语义
alignleft、center、right表格的位置或者是对齐方式
border1或者""规定表格的框线
cellpadding像素值规定单元边沿与内容之间的空白
cellspacing像素值规定单元格之间的空白
width像素值或者百分比表格的宽度
text-alignleft、center、right文本对齐方式
rowspan数字跨行合并
colspan数字跨列合并

列表标签

<ul>
        <li>C++</li>
        <li>java</li>
        <li>C</li>
        <li>python</li>
    </ul>
标签语义
ul无序列表,只能存放li
ol有序列表
li列表内容
dl自定义列表
dt自定义列表中的标题
dd列表内容

表单标签

    <form action="" method="POST" name="">

    </form>
标签/属性标签值/属性值
form
actionURL值
name元素值

input元素

元素元素语义
button定义可点击的按钮
checkbox定义复选框
file供文件上传
hidden定义隐藏输入字段
image定义图像形式提交按钮
password定义输入密码
radio定义单选按钮
reset定义重置按钮
submit定义提交按钮
text定义单行输入字段
属性属性值属性描述
name由用户自己定义定义input的名称,可以起到一个分组作用
value由用户自己定义定义默认值
maxlength正整数规定输入字段中最大的字符
checkbedcheckbed默认被选中的
placeholder由用户自己定义才开始显示的提示信息
<label for="xuehao">账号</label>
        <input type="text" placeholder="请输入注册学号" id="xuehao"><br>

label标签

属性属性值语义
for由用户自己定义与input标签中的id呼应

select元素

标签标签值语义
option由用户定义定义下来选项
selectedselected默认选项

textarea

百度: http://www.baidu.com
w3C: http://www.w3school.com.cn/
MDN: https://developer.mozilla.org/zh-CN/

本文标题为:够自己使用的HTML5标签

基础教程推荐