主页 > imtoken知乎 > HTML5 常用标签

HTML5 常用标签

imtoken知乎 2023-11-11 05:13:22

,

,

,

等等

以下是依据官方解释以及我实战总结的标签相关用法:

 标签是一个通用型的流内容容器,在不使用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

本期分享到此结束,欢迎大家如果觉得有用,请点击。以后有时间会继续更新前端优质内容,期待与大家一起学习进步。