HTML标签：用于描述网页结构，同时也可对页面对象样式进行简单的设置。所有的标签都由一对尖括号和标签名构成。
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>以上代码可以在vscode中打出一个英文感叹号，再敲回车，来直接生成。
语法格式：<标签名 属性1=“属性值 ” ...>
****内容***
</标签名>
常用头部标签
| 标签 | 描述 |
|---|---|
| <head> | 设置网页文档头部信息 |
| <title> | 设置网页的标题，该标题同时可作为搜索关键字以及搜索结果 |
| <meta> | 定义网页的字符集、关键字、描述信息等内容 |
| <p> | 创建段落 | <strong>或<b> | 加粗 |
| <!--注释--> | 注释标签 | <em>或<i> | 倾斜 |
| <h1></h1> | 标题标签从（1-6依次减小） | <del>或<s> | 删除线 |
| <br/> | 换行标签 | <ins>或<u> | 下划线 |
lorem:自动生成一段随文本效果。
| 属性 | 描述 |
|---|---|
| src | 设置要插入的图片文件路径（绝对或相对路径） |
| alt | 当图片加载不出来时，显示设置的图片信息 |
| title | 当鼠标悬停在图片上时，显示相应的提示信息 |
| a | 超链接，可以跳到当前网页之外 |
<img src="C:\Users\WBY\Pictures\Screenshots\屏幕截图_20230224_223224.png"title="悬停显示" alt="自制截图">HTML <a> 元素（或称锚元素）可以通过它的 href 属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。<a> 中的内容应该应该指明链接的意图。如果存在 href 属性，当 <a> 元素聚焦时按下回车键就会激活它。
列表标签
| ol | 有序号列表ordered list |
| ul | 无序号列表unordered |
| list li | 列表项list item |
<h3>有序列表</h3>
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>葡萄</li>
</ol>| table | 表示整个表格 |
| th | 表头单元格，会居中加粗 |
| tr | 表格的一行 |
| td | 表格的一个单元格 |
<table align="center" border="1" cellpadding="20" cellspacing="0" width="500"
height="500">
<tr>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>10</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>11</td>
</tr>
</table>表单标签
让用户输入信息的重要途经。
分成两个部分:
表单域: 包含表单元素的区域. 重点是form 标签.
表单控件: 输入框, 提交按钮等. 重点是 input标签.
input标签：
各种输入控件, 单行文本框, 按钮, 单选框, 复选框.
type(必须有), 取值种类很多多, button, checkbox, text, file, image, password, radio 等.
name: 给 input 起了个名字. 尤其是对于 单选按钮, 具有相同的 name 才能多选一.
value: input 中的默认值.
(1)文本框
<input type="text">
(2)密码框
<input type="password">
(3) 单选框
性别:<input type="radio" name="sex">男
<input type="radio" name="sex" checked="checked">女
注意: 单选框之间必须具备相同的 name 属性, 才能实现 多选一 效果.
(4) 复选框
爱好:
<input type="checkbox"> 吃饭
<input type="checkbox"> 睡觉
<input type="checkbox">打游戏
(5) 普通按钮
<input type="button" value="我是个按钮">
当前点击了没有反应. 需要搭配 JS 使用
(6) 提交按钮
<form action="test.html">
<input type="text" name="username">
<input type="submit" value="提交">
</form>
提交按钮必须放到 form 标签内. 点击后就会尝试给服务器发送
select标签
下拉菜单
option 中定义 selected="selected" 表示默认选中. 可以给的第一个选项, 作为默认选项
<select>
<option>北京</option>
<option selected="selected">上海</option>
</select>以上就是html常用的标签，快去多加练习掌握它们吧！
108
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
