HTML5 标签词汇记忆

简介: HTML5 标签词汇记忆

基本标签词


标签 标签含义 完整词汇
br 换行
hr 分割线
ol 有序列表 order list
ul 无序列表 unorder list
dl 自定义列表 defintion list
dt 自定义列表标题 defintion title
dd 自定义列表描述 defintion description
table 标签
img 图像 imges
src 资源来源 sources
border 边界 单位为 px 像素
controls 控制器
autoplay 媒体文件自动播放


绘制表格可以尝试用 HTML 写啦


媒体标签


媒体标签
标签 标签含义 补充
href 表示要跳转到那个页面 没有补充
target 表示要跳转到哪个界面 可以跳转到当前 _self 新页面_bank 自定义(指定的)页面
audio mp3播放媒介 音频媒体标签
video mp4播放媒介 视频媒体标签


页面结构分析


元素名 描述
header 标题头部区域的内容(用于页面或页面中的一块区域)
footer 标记脚部区域的内容(用于整个页面或页面的一块区域)
section Web网页中的一块独立区域
article 独立的文章内容
aside 相关内容或应用
nav 导航类辅助内容


表单基本元素属性


属性 说明
form 表单标签
type (搭配在 input 使用) 指定元素的类型。text、password、checkbox(多选)、radio(单选)、submit、reset、file、hidden、image、button,默认text
name 指定表单元素的名称
value 元素的初始值。type为radio时必须指定一个值
size 指定表单元素的初始宽度。但type为text或password时,表单元素的大小以字符为单位。对于其他类型,宽度以像素(px)为单位。
maxlength type为 text 或 password,输入的最大字符数
checked type为radio或checkbox时,指定按钮是否被选中


  • input 中的表单常用元素、


表单元素 应用
email 传入邮件
url 传入网址,链接地址
number 数字输入框,只允许输入数字
range 音量等滑动滑块 有0-100 的比例值
search 搜索框



相关文章
|
2月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
65 5
|
1月前
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
95 49
|
4月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
64 0
|
25天前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
36 5
|
1月前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
1月前
|
存储 移动开发 前端开发
|
2月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
52 2
|
2月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
43 1
|
3月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
185 1
|
3月前
|
移动开发 开发者 UED
HTML5中video标签controlslist属性的使用方法
`controlsList`属性为开发者提供了更多控制HTML5视频播放器行为的能力,让视频内容的集成更加灵活和符合需求。通过精心设计的控制列表,可以提升用户体验,同时保持内容的安全性和专业性。这种细节的控制和定制能力是现代Web开发的一个重要方面,反映了HTML5对开发者和内容创作者需求的响应。
354 1