H5的所有标签

HTML基础语法,在HTML中,用于描述功能的符号称为 标记
标记在使用过程中,必须用 <> 括起来

  • 标记分为:
  1. 封闭类型标记
  2. 非封闭类型标记

我们分别来解释这两个标记的意思和用法:
1、封闭类型标记,必须成对出现:

     <标记>内容</标记>注意:封闭类型标记必须有结束</>***

ex:
< a>百度< /a>
< a>百度< /a>

2、非封闭类型标记,也称为 空标记,单标记

语法:<标记>或<标记/>

ex:
< br/>
< hr/>
< img>
< link>

单标记很少,我们现在能用到这就是这几个,好好记忆一下,以后我们会用的多,也会越来越学的多。

接下来我们介绍一下H5的标签以及意思和它的用法:

  • < html>< /html>标识HTML文档的起始和终止
    (---->所有的内容都要在他里面写出来,不可以写到外面)

  • < head>< /head>标识HTML文档的头部区域

  • < title>< /title>标识网页标题

这样之类的网页标题,都是在这个标签下写出来

  • < body>< /body>标识HTML文档的主体区域

一张网页面显示的内容都在body这个标签下写出来,也是文档的主体区域

  • < hi>< /hi>标识标题文本,其中i 表示1,2,3,4,5,6,分别标识几级的意思。

1级标题

2级标题

3级标题

4级标题

5级标题
6级标题

# 注意:

只有1~6个标题,没有第7个以及更多,标题只有六个,切记

  • < p>< /p>标识段落文本

  • < pre>< /pre>标识预定义文本(被包围在per元素的文本中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体)

  • < div>< /div>通常作为容纳其它元素的容器,俗称盒子,为块级元素
    表现形式:独占一行

  • < blink>< /blink> 标识闪烁文本,以闪烁效果显示(IE浏览器不支持该标签)

  • < span>< /span> 设置同一行文本的不同样式

  • < hr />:水平线标签,哪里需要放哪里。

  • < pre>< /pre> 预格式标签pre:浏览器默认显示样式:
    1、显示为等宽字体
    2、代码中的换行,空格等元素可在浏览器直接显示

  • < ol>< /ol>:有序列表。其中包含< li>为列表项。

  • < ul>< /ul>:无序列表。其中包含< li>为列表项。

  • < dl>< /dl>:定义描述列表。< dt>列表标题。一般仅一项,标题顶格
    < dd>列表描述项。可以有多项,对比标题缩进显示。

  • < figure>< /figure>:组合标签。用于显示图片及图片标题
           两个子标签: < img />图片
                  < figcaption>< /figcaption>图片的标题

文本标记

1、在html中,任意多个空格,和回车,最后都会被解析成1个空格
2、由<所包裹的文本,会当成标记被解析>
3、通过 转义字符 的特殊表现方式表示特殊效果

 & lt; : < (less than)& gt; : > (greater than)& nbsp; :空格& copy; : ©️& yen; : ¥

二、文本标记
文本样式

< b>要添加的文字< /b> 加粗
< i>要添加的文字< /i> 斜体
< u>要添加的文字< /u> 下划线
< s>要添加的文字< /s> 删除线
< sup>要添加的文字< /sup> 上标
< sub>要添加的文字< /sub> 下标

好了,以上这些都是最常用的标签,可能提供的不详细,不完整,希望大家多提意见多评论,我会在后期再次进行整理的,并配合代码图进行讲解。

还有,这些都是要背过的,可不要偷懒啊

关于H5的标签整理合集(一)相关推荐

  1. 关于html5的标签整理合集(二)

    今天我继续来补充html5的标签整理,都是一些重点的: 超链接跳转 href:用于指定链接目标的url地址,当为标签的应用href属性时,他就具有了超链接的功能. target:用于指定链接页面的打开 ...

  2. 太棒了!2018-2020前端经典面试题整理合集,还附带大厂面试题分享!

    2018到2020年,3年经典面试题整理合集,话不多说,直接上题. 1,盒模型 1.1,ie 盒模型算上 border.padding 及自身(不算 margin),标准的只算上自身窗体的大小 css ...

  3. Fwcms模板建站常见问题整理合集解答

    Fwcms模板建站常见问题整理合集解答 Fwcms.cn推出模板建站系统,用户可通过网站直接自助下单,实现自助建站,模板建站主要针对网站建设小需求客户,最大的优点就是价格低.速度快,如果选用海外空间, ...

  4. 07年博士考题整理合集!

    上二医2004及以前内分泌和生化考博试题.rar 中国科学院2000-2004年博士入学部分考题.txt 浙江大学2006年传染病学博士(秋)入学考试试题.txt 同济医学院06妇产科博士入学考题.t ...

  5. 【推荐】数字化转型和案例及IT规划资料整理合集

    数字化转型(Digital transformation)是建立在数字化转换(Digitization).数字化升级(Digitalization)基础上, 进一步触及公司核心业务,以新建一种商业模式 ...

  6. 蓝桥杯大赛决赛整理合集(B组C/C++)

    蓝桥杯大赛决赛整理合集(B组C/C++) 根据大纲梳理一遍,也在全文最后补充了最几年的决赛真题,全文基于C++编写,希望对你有所帮助 关于省赛的反思: 1.我的Code::Block 20.03在机房 ...

  7. 《OSChina每日一博》2018年05月整理合集

    <OSChina每日一博>2018年05月整理合集 简介 收录开源中国每日推荐的优秀博客文章,开源中国每日会推荐一篇比较优秀的博客文章,称之为每日一bo,文章实属精品,收藏于此,供自己慢慢 ...

  8. 【FPGA】面试问题及答案整理合集

    面试问题及答案整理合集 1.硬件描述语言和软件编程语言的区别 2.FPGA选型问题 3.建立时间和保持时间问题 3.亚稳态问题 4.竞争和冒险问题 5.乒乓操作问题 6.同步和异步逻辑电路 7.同步复 ...

  9. PyTorch 常用代码段整理合集

    PyTorch 常用代码段整理合集 来源:知乎 作者:张皓 众所周知,程序猿在写代码时通常会在网上搜索大量资料,其中大部分是代码段.然而,这项工作常常令人心累身疲,耗费大量时间.所以,今天小编转载了知 ...

  10. 【推荐】智慧教育,智慧课堂研究分析资料整理合集

    智慧教育即教育信息化,是指在教育领域(教育管理.教育教学和教育科研)全面深入地运用现代信息技术来促进教育改革与发展的过程.其技术特点是数字化.网络化.智能化和多媒体化,基本特征是开放.共享.交互.协作 ...

最新文章

  1. python 学习之输出流重定向
  2. php连接数据库语言,PHP语言连接MYSQL数据库实例代码
  3. react获取state的值并更新使用
  4. 同批号不同批次同一单据中出现数量不限制
  5. VS2010 C++下编译调试MongoDB“.NET研究”源码
  6. AnalyticDB for MySQL:PB级云数仓核心技术和场景解析
  7. Tomcat版本与Servlet、JSP等版本的支持关系
  8. html 手机访问优化,移动端首屏优化
  9. OpenGL基础40:Uniform缓冲
  10. Python代码自动转成C++代码
  11. hibernate执行完查询操作后又执行许多更新操作
  12. html5播放加速,Video Speed Controller Chrome(HTML5视频加速播放插件) v0.3.2 官方免费版...
  13. 为什么说甲骨文裁员也属无奈之举?
  14. pdf关键字高亮 java_Java查找并高亮PDF文本过程解析
  15. VScode安装Live Server插件打开时提示 Open a folder or workspace (File Open Folder)
  16. hr标签和注释的总结
  17. 批量解压多个rar压缩包并将解压出来的文件以该压缩包的名称重命名
  18. CCNP 6 ISIS
  19. 小米Max 2完美刷成开发版获得root超级权限的流程
  20. [Linux]关于SIGCHLD

热门文章

  1. 读书笔记 大前研一 《M型社会》
  2. python抓取谷歌app市场的icon
  3. IObit Uninstaller(卸载工具) v10.0.2.20
  4. php 队列创建,php 队列的实现方法
  5. 商业变现永不眠(二) — 如何具体规划自己产品的商业化路径?
  6. Spark独到见解--Transformation算子总结
  7. 实名寻人搜索引擎app_谷歌搜索引擎寻人
  8. html的取消和选中,checkbox 选中和取消切换问题
  9. VS快捷键大全(包含记忆的口诀和演示)
  10. 集线器工作原理简要说明