HTML5常用基础标签 |
您所在的位置:网站首页 › html基本标签有哪些 › HTML5常用基础标签 |
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.然后就是一些图片和视频、音频相关的标签了。 ① 例如 那就插一个图喽嘿嘿 ②标签,其是音频相关的标签。 如
controls是播放控制按钮。 ③video是视频相关的标签,话不多说,上例子啦。
controls功能同上,两个source,不是同时播放,第一个不能播放时,播放第二个。 给大家举个我男神的绝杀视频为例吧哈哈 文章举例视频 3.这里介绍常用的超链接标签,不多但常用。 没错它就是 例如链接到CSDN的用法是这是一个链接 target的属性这个属性是在新页面打开,不写默认在本页面打开。 还有就是引入外部链接的标签。 4.常用的表单标签 ①元素表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息。 ② 常用属性name: 名称,id: 唯一ID,maxlength:最大长度,minlength:最小长度,required:是否必填,placeholder:当表单控件为空时,控件中显示的内容 ③标签表示一个多行纯文本编辑控件,当你希望用户输入一段相当长的、不限格式的文本,例如评论或反馈表单中的一段意见时很有用。 ④显示出按钮的标签,例如登录是的那个按钮,当然如果想用漂亮的按钮,可以现成UI框架的或自己用css做。 ⑤元素表示一个提供选项菜单的控件。其中是每一个小选项 --选择一门语言-- C++ Python Java 效果如下: 5.表格 ① 标签表示表格数据 , 即通过二维数据表表示的信息。 ②标签定义了一组定义表格的列头的行。 ③标签定义一组数据行。 ④定义表格中的行。 同一行可同时出现 和 元素。 ⑤标签定义表格内的表头单元格。 ⑥标签定义了一个包含数据的表格单元格。 ⑦标签展示一个表格的标题, 它常常作为 的第一个子元素出现,一般显示在表格内容的最前面,可以被 CSS 样式化,可以出现在相对于表格的任意位置。. 举个栗子吧: 表格 表格 内容1 内容2 本期的分享到此结束了,欢迎大家的指正,觉得有用的话就点个关注呗。后期有时间我会持续更新前端优质内容,期待同大家一起学习,共同进步。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |