一、个人介绍页面核心标签
1.1 图片与音频嵌入

(1)<img>标签:
src:图片路径(相对路径)
alt:替代文本(图片无法加载时显示)
width:指定宽度
使用场景:头像、背景图、产品展示
(2)<audio>标签:
controls:显示播放控件
loop:循环播放(默认不启用)
使用场景:背景音乐、语音提示
1.2 表格布局


(1)<table>标签:
border="1":边框粗细
rowspan="3":跨3行合并单元格(用于纵向合并)
cellspacing:控制表格单元格之间的间距(外边距);cellspacing="0":单元格之间无空隙
cellpadding:控制单元格内容与边框之间的内边距;cellpadding="0":内容贴边显示
1.3 列表与下拉菜单


(1)<ul>标签:无序列表
(2)<select>标签:下拉菜单
selected="selected":标记某个<option>为默认选中项
适用标签:仅用于<option>元素(下拉菜单选项)
1.4 表单域(了解),用于提交信息
<form>标签:用户输入收集
使用场景:注册表单、联系表单
二、郑州介绍页面技术亮点
2.1 视频嵌入与自动播放
<video width="600" controls autoplay muted loop>
<source src="./media/share_35487906ee6b33e5c93754c48436d136.mp4" type="video/mp4">
<source src="./media/share_35487906ee6b33e5c93754c48436d136.ogg" type="video/ogg">
</video>
(1)<video>标签:
autoplay:自动播放(需配合muted静音生效)
muted:静音播放(浏览器安全策略)
loop:循环播放(默认不启用)
三、其他使用标签
3.1 实体字符转义
(1)<:表示 "<" 符号
>:表示 ">" 符号
3.2 路径写法解析
<img src="./images/1122.png_860.png" />
<a href="郑州.html" target="_blank">
./:当前目录下的子目录
target="_blank":新网页打开链接
3.3 maxlength属性
适用标签:<input>、<textarea>
作用:限制用户输入内容的最大字符数
3.4 placeholder属性
适用标签:<input>、<textarea>
作用:在输入框内显示灰色提示文字,引导用户输入内容。
用户开始输入时自动消失,若清空内容则重新显示。