自我介绍页面总结

一、个人介绍页面核心标签

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)&lt;:表示 "<" 符号

&gt;:表示 ">" 符号

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>

作用:在输入框内显示灰色提示文字,引导用户输入内容。

用户开始输入时自动消失,若清空内容则重新显示。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML介绍 HTML 指的是超文本标记语言 (Hyper Text Markup Language), HTML...
    Leon_520阅读 382评论 0 2
  • 一、网页认识 1、网页组成 文字、图片、超链接、音频、视频; 2、网页背后本质 前端程序员写的一行行的代码; 3、...
    Cargo阅读 597评论 0 0
  • html是什么:超文本标记语言 html的唯一作用就是:给指定的文本添加语义。 html的标准格式: <!DOCT...
    Lins7阅读 1,076评论 0 2
  • <html lang=""> en英文 zh-CN中文 ja-jp日文 <!-- -- >注释 HTML常用标签 ...
    取名字是真的难阅读 878评论 0 3
  • 1.图像标签可以有多个属性,但必需写在标签名后面 2.属性之间不分先后顺序,标签名与属性,属性与属性之间用空格隔开...
    罗森Rosen阅读 2,413评论 0 0

友情链接更多精彩内容