HTML5中的标签众多,有时新手刚入门前端很容易步入误区,即想要一把抓掌握所有的知识,其实全部掌握效果不尽人意,相反会让我们学习受挫,效率低下,因此“片面”的学习有助于我们提高学习效率等,对于一些不常用的标签或者知识即查即用。因此都是有哪些常用的基础HTML5标签呢?快来看看吧!
1.首先是一些重要的文本标签,辟如
、
、
等等以下是依据官方解释以及我实战总结的标签相关用法:
①标签是一个通用型的流内容容器,在不使用css的情况下,其对内容或布局没有任何影响。当我们深入学习后会发现这是我们常用的一个容器标签,里面常常会嵌套使用其他标签。网页样式布局会用到很多div标签(css + div)。举个栗子吧:
div容器
文章......
显示在浏览器上是:
②元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者 Id 属性)。其与
元素很相似,但是一个 块元素而 则是行内元素。③
元素(或者说 HTML 段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进,其是块级标签。块级标签行级标签的区分(简单说就是行级标签会占用分给它的一整行,块级标签会分配给它设置好的空间)。
④
元素,当我们想要保留诗歌或者代码等等的格式的时候时,该标签可以避免我们去调试其格式,其会保留我们复制好的格式。例如:
这是一段Python代码:
string = “Hello world!”
print(string)
效果如下:
⑤
简单说就是画一条水平线嘿嘿,而
就是换一行展示自己的元素喽。⑥
,标题标签当然少不了,h1-h6字体大小递减。 举例代码:
标题1
标题2
标题3
标题4
标题5
标题6
效果图:
2.然后就是一些图片和视频、音频相关的标签了。
①
图片标签,其有src、height以及width属性,src="链接",图片来源可以是本地图片的路径或图片的链接,而height和width属性是图片的高与宽,常用的单位是像素px等,alt是图片相关的内容(加载不出来的时候显示)
例如
②
如
controls是播放控制按钮。
③video是视频相关的标签,话不多说,上例子啦。
type="mp4">
type="mp4">
controls功能同上,两个source,不是同时播放,第一个不能播放时,播放第二个。
给大家举个我男神的绝杀视频为例吧哈哈
文章举例视频
3.这里介绍常用的超链接标签,不多但常用。
target的属性这个属性是在新页面打开,不写默认在本页面打开。
还有就是引入外部链接的标签。
4.常用的表单标签
①