HTML基础标签_<r>标签-CSDN博客

本文链接：https://blog.csdn.net/m0_61886817/article/details/120291093

1.基本结构

<html>

<head>

</head>

<body>

主体内容

</body>

</html>

2.文本格式化标签

语义	标签
加粗	<strong></strong>或者<b></b>
倾斜	<em></em>或者<i></i>
删除线	<del></del>或者<s></s>
下划线	<ins></ins>或者<u></u>

3、<div>和<span>标签

<div>属于大框架，用来分区布局，一行只能放一个<div>。

<span>属于小框架，用来跨度、跨距布局，一行可以放多个<span>。

4、图像标签

5、超链接标签

<a href="跳转目标" target="目标窗口的弹出方式(_self为默认值，_blank为在新窗口打开)">文本或图像<a/>

链接分类：1、外部链接：<a href="http://www.baidu.com">百度</a>

2、内部链接：<a href="index.html">首页<a/>

3、空链接:<a href="#">首页<a/>

4、锚点链接：当点击链接可以快速定位到页面的某个位置

（1）在href属性中设置属性值为#名字的形式，如<a href="#tiaozhuan"> 跳转<a/>

(2)找到目标位置标签，添加id属性=上面的名字，<h1 id="tiaozhuan">跳转到这里<h1/>

5、注释标签

快捷键为: ctrl+/

6、表格标签

<table>

<thead>

<tr>

<th>表头单元格内容加粗居中</th>

</tr>

</thead>

<tbody>

<tr>

<td>单元格的内容</td>

</tr>

</tbody>

</table>

属性名	属性值
align	left、center、right
border	1或“ ” (是否有边框，默认"",无边框)
cellpadding	像素值（单元边缘与内容之间的间隙，默认1像素）
cellspacing	像素值（单元格之间的间隙，默认2像素）
width	像素值或百分比（表格的宽度）

6.1合并单元格

三步：1、确定跨行还是跨列

2、找到目标单元格，合并方式=“合并单元格数”。例：<td colspan="2"></td>

3、删除多余的单元格

7.列表标签

8、表单标签

表单域：是一个包含表单元素的区域，用<form>标签来表示。

各种表单元素控件

</form>

8.1、<input>表单元素

type属性的属性值：

属性值	描述
button	定义点击按钮
checkbox	定义复选框，具有相同的name值
file	定义输入字段和“浏览”按钮，供文件上传
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
password	定义密码字段，该字段中的字符被掩码
radio	定义单选按钮，具有相同的name值
reset	定义重置按钮
submit	定义提交按钮
text	定义单行的输入字段，用户输入宽度为20个字符的文本

<input>标签的其他属性

属性	属性值	描述
name	用户自定义	定义<input>元素的名称
value	用户自定义	<input>元素的值
checked	checked	针对于单选和复选按钮，默认首选某个表单元素
maxlength	正整数	输入字段中的字符的最大长度