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 搜索框



相关文章
|
25天前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
29 0
|
2月前
|
移动开发 JavaScript Java
关于Android中如何过滤HTML标签
关于Android中如何过滤HTML标签
46 0
|
1月前
|
移动开发 搜索推荐 前端开发
HTML结构的基本标签
HTML结构的基本标签
|
11天前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`<img>`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`<a>`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
28 13
|
10天前
|
搜索推荐 SEO
HTML中各种标题标签的正确使用方法及其特点
在HTML中,标题标签(`<h1>`至`<h6>`)用于定义文档的标题结构。`<h1>`表示主标题,每个页面应只有一个;`<h2>`至`<h6>`分别表示不同层级的子标题,可用于细分内容。正确使用这些标签不仅有助于文档的层次分明和可读性提升,还能优化SEO。使用时需注意保持层级结构连续、内容描述清晰。
|
10天前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
该博客文章详细介绍了HTML的基础知识,包括注释、标签属性、常用标签、实体、图片引入、meta标签、内联框架、超链接的使用,并通过代码示例和测试结果截图展示了这些元素在网页中的应用效果。
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
|
23天前
|
移动开发 数据安全/隐私保护 UED
HTML表单标签详解:如何用HTML标签打造互动网页?
通过合理使用HTML表单标签,可以构建功能丰富、用户友好的互动网页。HTML表单的元素和属性提供了丰富的输入选项和验证功能,使得收集和处理用户输入成为可能。随着HTML5的发展,表单元素的功能性和用户体验将继续得到提升。开发者应充分利用这些工具,为用户打造流畅、互动性强的网页体验。
33 4
|
2天前
|
移动开发 HTML5
这些年没来得及学习的一些 HTML5 标签
【9月更文挑战第16天】HTML5 引入了许多新标签,增强了网页的功能与便利性。这些标签包括结构标签如 `<header>`(定义页眉)、`<footer>`(定义页脚)、`<nav>`(定义导航链接)、`<section>`(定义文档节)和 `<article>`(定义独立内容),以及多媒体标签 `<audio>` 和 `<video>`,用于播放音频和视频。此外,还有表单相关标签,如 `<datalist&gt。
HTML中font标签用法
这篇文章详细介绍了HTML中`<font>`标签的用法,包括如何分别设置字体风格(`font-style`)、字体粗细(`font-weight`)、字体大小(`font-size`)和字体类型(`font-family`),并通过实例代码演示了如何综合使用这些属性来定义文本的字体样式。
HTML中font标签用法