HTML5基本标签

最新推荐文章于 2024-07-24 17:10:28 发布
最新推荐文章于 2024-07-24 17:10:28 发布
阅读量99 收藏
点赞数
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46508028/article/details/104929151
版权

语义化标签:

(有指定内容的仓库)

是一个容器

<水果仓库>放水果<水果仓库>
<服装仓库>放服装</服装仓库> 

		语义化标签:
			section: 类似于div,偏向画结构
			article: 偏向于内容展示
			aside:	偏向于在旁边的内容,在一侧的
			header:	内容的头部,网页的头部,头部区域
			footer:	内容的尾部,网页的尾部区域
			nav:	做导航 链接区域
			figure > figcaption:	类似dl>dt+dd的结构
				注意: figcaption是figure的标题,一般在第一位置或者最后一个位置
			mark:	高亮显示,默认背景颜色为黄色,可以更改颜色,是一个内联元素
			time: 一般用来放时间,内联元素
			dialog:	类似于微信对话框,默认是display:none; 有默认定位,有默认的边框

HTML5的发展史

		兼容性:	html5(h5) 主要向上(高版本的浏览器)兼容,低板本的浏览器部分不考虑,所有html5的兼容性相对较差
		
		各个版本的html基本写法:
			不变的是第一行 <!doctype html>始终存在
			
		标签的语法:
			不区分大小
			页面后缀名依旧是 .html .htm
			指定字符编码 utf-8

多媒体标签

video: 视频标签
audio: 音频标签

		属性:
			src="文件地址"
			controls="显示控件"
			autoplay="自动播放" 谷歌屏蔽了
			loop="循环播放"
			muted="静音"
			poster="图片地址" 显示为第一帧图片,直到用户点击播放按钮
			
		source标签: 定义媒介资源 (备份文件)
			type="文件类型"
				文件类型:
					视频:
						video/ogg
						video/webm
						video/mp4
					音频:
						audio/ogg
						audio/mpeg
						audio/wav
						主流的音频文件格式mp3 ogg wav
#萌面怪兽
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5基础标签
06-19 213
一.H标签 作用：用于给文本添加标题语义 格式：xxx 注意点：H标签是用来给文本添加标题语义的，而不是用来 修改文本样式的；H标签最多有6个,h1~h6,h1最小;被H系列标签包裹的内容会独占一行；二.p标签 作用：告诉浏览器哪些文字是一个段落 格式：xxx 注意点：在浏览器中会单独占一行三.Hr标签 作用：实现一条分割线 格式：、 注意点：独占一行
HTML5标签
......的博客
08-23 391
HTML5中废弃的标签 article aside audio html lang="en"> head> meta charset="UTF-8"> title>title> head> body> audio src="萧忆情 - 童话镇 [mqms2].mp3" controls="controls">audio> body> html> bdi
HTML扫盲
liyuuhuvnjjv的博客
10-18 89
一、HTML常见的标签 1.段落标签 <p>段落标签使用p表示,是paragraph的缩写</p> <p>我爱高圆圆,虽然她已经39岁了</p> 2.标题标签 标题标签h1 ~ h6 标题标签从名字就能看出,是用来定义文字标题的,包括h1-h6,数字越小对应的字体越大 <h1>我是一级标题</h1> <h2>我是二级标题</h2> ... <h6>我是老六</h6> 3.表单标签 3.
html的页面结构及标签,HTML5新结构标签和移动端页面布局
weixin_42523720的博客
06-03 373
--------------------HTML5新结构标签--------------------1、h5新增的主要语义化标签如下：1、header 页面头部、页眉2、nav 页面导航3、article 一篇文章4、section 文章中的章节5、aside 侧边栏6、footer 页面底部、页脚pc端兼容需要引用对应的js脚本2、HTML5 新增表单控件：网址 邮箱 日期 时间 星期 数量 范...
HTML5基本结构及标签
_Alexander的博客
05-22 3752
<!DOCTYPE html> <html> <head> <title>我的第一个HTML5页面</title> </head> <body> 你好，HTML5! </body> </html> HTML5HTML5基本结构DOCTYPEbasemetastylelinkscriptboby注释字符实体图像文件HTML4.01转换为H
html不同平台,基于H5端自定义平台怎么使用和H5端不一样的index.html？
weixin_30983965的博客
06-09 956
当前配置版本{"@dcloudio/uni-app-plus": "^2.0.0-26920200403001","@dcloudio/uni-h5": "^2.0.0-26920200403001","@dcloudio/uni-helper-json": "*","@dcloudio/uni-mp-alipay": "^2.0.0-26920200403001","@dcloudio/uni-...
HTML5 基本标签总结form 以及input等
06-07
HTML5 基本标签总结form 以及input等
HTML5基本标签整理与部分源码事例
08-10
亲自总结的html5的部分标签，里面还带有相应的事例已经源码。
01 HTML基本标签.ppt
07-23
Html的基础标签学习之后会使用HTML的基本结构创建网页，会使用文本相关标签，实现文字修饰和布局，会使用图像相关标签实现图文并茂的页面，会使用超链接相关标签实现页面间的跳转。
Html5元素及基本语法详解
09-27
本文将详细解释HTML5中的元素和基本语法。 首先，让我们来理解HTML5中的元素。HTML元素由开始标签和结束标签组成，例如`<p>`和`</p>`，它们之间可以包含内容。元素定义了网页的结构和内容。大部分HTML元素可以嵌套...
01-HTML基本标签.md
02-05
html基本标签，什么是标签，标签的分类，标签的作用，常用标签，单双标签，标签属性，src路径... 有痕
HTML5实现好看的天气预报网站源码
xcLeigh
07-18 1354
HTML5实现好看的天气预报网站源码，天气预报大作业，网站源码，天气预报网站，天气预报网站源码，这里可以灵活配置要显示的省市区的天气预报，这里用的是北京、上海、广州、深圳、台湾五个地区的天气预报。免费的数据接口，数据API，童话故事API，笑话API，名言API，提供免费天气预报接口，各种新闻资讯类、生活服务类、趣味娱乐类、功能应用类、知识问答类、数据智能类等API接口数据提供。兼容手机端和PC网页端。各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
Hype 4 Pro for Mac：专业级HTML5动画制作利器
m0_72489515的博客
07-24 342
除了强大的动画制作功能，Hype 4 Pro还具备出色的交互设计能力。总之，Hype 4 Pro for Mac是一款功能强大、操作简便的HTML5动画制作软件，无论是专业设计师还是动画制作爱好者，都能从中获得出色的使用体验。该软件拥有直观易用的界面和强大的功能，支持多种设计元素，如滚动、旋转、缩放等，让设计师可以轻松实现复杂的动画效果。Hype 4 Pro for Mac是一款专为Mac用户设计的专业级HTML5动画制作软件，它集动画制作、交互设计于一身，为用户提供了一种全新的、高效的动画制作体验。
聊天室、websocket、socket.io、毕业设计.zip
07-27
聊天室、websocket、socket.io、毕业设计.zip
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
07-27
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
防盗门进销存管理系统（SDIMS）.zip
07-27
防盗门进销存管理系统（SDIMS）.zip
Matlab实现蝗虫优化算法GOA-CNN-BiLSTM-Mutilhead-Attention多变量时序预测.rar
07-27
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
[毕设]二叉树构建与遍历算法实现.zip
最新发布
07-27
[毕设]二叉树构建与遍历算法实现
cykooz.resizer-3.0.0-cp39-cp39-macosx_10_12_x86_64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
HTML基础教程：学习HTML基本标签
HTML基本标签是构建网页内容的基础，它们告诉浏览器如何显示网页的各种元素。HTML（HyperText Markup Language）是一种标记语言，用于描述网页的结构和内容。自1993年以来，HTML经历了多个版本的迭代，从最初的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值