HTML5 常用标签
,
,
,
等等以下是依据官方解释以及我实战总结的标签相关用法:
①标签是一个通用型的流内容容器,在不使用css的情况下,其对内容或布局没有任何影响。当我们深入学习后会发现这是我们常用的一个容器标签,里面常常会嵌套使用其他标签。网页样式布局会用到很多div标签(css + div)。举个栗子吧:
div容器
文章......
显示在浏览器上是:
②元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者 Id 属性)。其与
元素很相似,但是一个 块元素而 则是行内元素。③
元素(或者说 HTML 段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进,其是块级标签。块级标签行级标签的区分(简单说就是行级标签会占用分给它的一整行,块级标签会分配给它设置好的空间)。
④
元素,当我们想要保留诗歌或者代码等等的格式的时候时,该标签可以避免我们去调试其格式,其会保留我们复制好的格式。例如:
这是一段Python代码:
string = “Hello world!”
print(string)
效果如下:
⑤简单来说就是画一条水平线,然后
是在新的一行显示自己的元素。
⑥当然span标签的用法,title标签是少不了的,h1-h6的字号变小了。
示例代码:
标题 1
标题 2
标题 3
标题 4
标题 5
标题 6
渲染:
2.然后是一些图片和视频,音频相关的标签。
①
图片标签有src、height和width属性,src="link",图片来源可以是本地图片的路径或者图片的链接,height和width属性是图片的高度和宽度图片,常用单位为像素px等,alt为图片相关的内容(无法加载时显示)
例如
然后插入图片嘿嘿
②tag,音频相关的标签。
如
控件
src="/audios/bgm.mp3">
控件是播放控制按钮。
③video是视频相关的标签,不多说,上例。
type="mp4">
type="mp4">
控制功能同上,两个音源不同时播放,第一个不能播放,播放第二个。
我给你举个我男神绝杀视频的例子哈哈
3.这里介绍一下常用的超链接标签,不多但常用。
是的
比如链接到CSDN的用法就是这是一个链接
target属性 该属性在新页面中打开,不要写默认在此页面上打开。
还有一个标签介绍了外部链接。
4.常用的表单标签
①元素表示文档中的一个区域,该区域包含交互控件,用于向Web服务器提交信息。
②正文 ||密码 ||电子邮件 ||数字">
常用属性name:name,id:唯一ID,maxlength:最大长度,minlength:最小长度,required:是否必填,placeholder:当表单控件为空时,控件中显示的内容
③标签代表一个多行纯文本编辑控件。当您希望用户输入相当长的、不受限制的文本时span标签的用法,例如评论或反馈表单很有用。
④显示按钮的标签,比如登录按钮,当然如果你想用漂亮的按钮,可以用现成的UI框架或者自己用css来做。
⑤
效果如下:
5.表格
①标签代表表格数据,即二维数据表格所代表的信息。
②标签定义了一组行,这些行定义了表格的列标题。
③标签定义一组数据行。
④定义表中的行。同一行可以同时出现
和元素。
⑤标签定义了表格Cell中的表头。
⑥标签定义了一个包含数据的表格单元格。
⑦标签显示一个表格的标题,通常作为表格的第一个子元素出现,通常显示在表格内容的最前面,可以通过CSS设置样式,可以出现在相对于表格的任何位置。
例如:
表格
表格
内容 1
内容 2
本期分享到此结束,欢迎大家如果觉得有用,请点击。以后有时间会继续更新前端优质内容,期待与大家一起学习进步。