美文网首页Web前端之路
HTML5常用标签之结构化标记

HTML5常用标签之结构化标记

作者: 前端梵风 | 来源:发表于2017-08-06 09:57 被阅读105次

值得注意的是HTML元素是经常和HTML标签互用,还有一点就是一般用小写来码标签的。

结构化标记和语义化标记:前者是描述标题和段落的元素;后者是表达特定含义的标记。

下面我们来正式学习一下我们常用的标签,要求你把以下的标签学明白了,走起。

一,标题

1. <h1>:字号最大,用在主标题,这个应该可以很好理解,相信你们都看过报纸哈。

2.<h2> :<h2>用在子标题。

3<h3> :如果<h2>下面还有小标题,可以用<h3>。以此类推,我们还有<h4>,<h5>,<h6>标签,记得用结束标签哈。

二  ,  段落

段落的标签是<p>。

三 , 粗体和斜体

粗体 : <b>。 大家可以去w3cschool查一下<em>标签。

斜体 : <i>。 以前经常用<i>来啊标记斜体,但现在好多用于font awesome。

四 ,  上标和下标

何为上标和下标呢?

大家都学过化学,都知道二氧化碳怎么写吧,数字2就是下标,这样说很好理解吧,理解后就要在我们电脑编辑器上写代码,这一步不可少。

1,上标:<sup> 。(上标的英语单词是superscript)

2 ,下标<sub> 。    (下标的英语单词是subscript)

五,换行符和水平线

1.在段落中的某个位置换行,我们可以在这个位置加入<br />标签。

2.水平线<hr />。有一点需要注意,空元素的闭合尖括号经常是一个空格和一个斜线。

ok,感谢大家学习,请关注我吧,每天都有干货分享,不可错过。

相关文章

  • HTML5常用标签之结构化标记

    值得注意的是HTML元素是经常和HTML标签互用,还有一点就是一般用小写来码标签的。 结构化标记和语义化标记:前者...

  • HTML5常用标签之语义化标记

    前面第二篇文章已经说明语义化标记和结构化标记的区别了,接下来我们来学习一下语义化标记。 OK,我们来启程咯! 一,...

  • HTML 5

    HTML5是什么?有哪些新特性?新增哪些标签?如何让低版本的IE支持HTML5新标签 HTML5是超文本标记语言的...

  • HTML5基础知识

    一、HTML5结构以及常用标签 1、HTML5常用标签 (1)、声明文档类型 (2)网页字符集设置 网页相关的信息...

  • 2019-03-19 html常用标签词汇

    html常用标签词汇 html5新增表单类型

  • HTML5 CSS3

    HTML5是什么?有哪些新特性?有哪些新增标签?如何让低版本的 IE 支持 HTML5新标签 HTML是超文本标记...

  • 关于语义标签的理解

    HTML5的语义标签屡见不鲜了,但是平时用到的很少。常用的像: HTML称为超文本标记语言,也就是在原本的记事本文...

  • css高级

    HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素:不能包含块...

  • html常用标签

    Html 大纲 html知识目录 什么是网页,网页的注释 网页的结构和标签 常用的标签和标签的属性 html5常用...

  • HMTL常用标签

    第一章HTML的常用标签 html超文本标记语言,是一门标记语言1.HTML标记标签通常被称为HTML标签(HTM...

网友评论

    本文标题:HTML5常用标签之结构化标记

    本文链接:https://www.haomeiwen.com/subject/atdglxtx.html