HTML构建网页的骨架结构
一、基本知识
# 在vs code中输入！加enter自动构建骨架
<!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>网页标题</title>
</head>
网页主体
<body>
</body>
</html>二、标签学习
标签分为单标签和双标签（需要划定范围）
例如：<br>换行是单标签；<strong>...</strong>加粗是双标签。
2.1 排版标签
技巧：crtl+d可以选中相同的字符进行更改
段落标签 <p> ..... </p>
换行 <br>
水平分割线 <hr>
2.2 文本格式化标签
2.3 媒体标签
1.图片标签
<img src="图片名字" alt="图片加载失败后显示的替换文本">
# title 鼠标悬停时的显示文本
# width 宽
# height 高
2.路径
一般使用相对路径
返回上一级时使用：../
3.音频标签
<audio src="音频名称" controls（播放控件）></audio>
# autoplay 自动播放
# loop 循环播放
4.视频标签
<video src=" " controls></video>
5.链接标签
<a href=" ">超链接</a>
# #代表空链接
# target：_self覆盖原网页；_blank保留原网页2.4 列表标签
2.4.1 无序列表
2.4.2 有序列表
2.4.3 自定义列表
2.5 表格标签
2.5.1 常见属性：
2.5.2 大标题和表头（第一行）：
2.5.3 表格结构：
2.5.4 合并：
注意：不能跨结构合并 （thead、tbody、tfoot）
2.6 表单
2.6.1 input系列 
2.6.2 button系列
注：要想使button有提示字，添加属性value
2.6.3 select系列
HTML <select> 元素表示一个提供选项菜单的控件：
2.6.4 textarea系列
HTML <textarea> 元素表示一个多行纯文本编辑控件，当你希望用户输入一段相当长的、不限格式的文本，例如评论或反馈表单中的一段意见时，这很有用。
2.6.5 label系列
HTML <label> 元素（标签）表示用户界面中某个元素的说明。label标签和特定表单控件关联之后，如果用户在 label 元素内点击文本，就会触发关联的表单控件。也就是扩大了表单控件的可选范围。未添加label前只能点击圆圈才会选中，添加label后点击相关文字也能选中。
还分为显式和隐式HTML label标签用法介绍_。烦啦的博客-CSDN博客
2.7 语义化标签
2.8 字符实体
多个空格只会显示出一个
补充：
HTML <form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。
扫一扫
938
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
