1、HTML文本基础结构标签

1、文本

    多数文本标签默认具有一定的样式效果

2、文本类标签

    1:<h1>~<h6>

      *分6个级别

      *搜索引擎对<h*>标签敏感,标题类标签会引导搜索引擎,告诉其那些

       是页面重要内容

      *双标签,块状元素

    2:<p>

      *定义段落,一般用于文本正文内容

      *双标签,块状元素,默认带有外边距样式效果

      *DW中,在设计视图中输入(粘贴)文本,可直接使用enter键来创建段

       落。

    3:<br />

      *在一个段落中换行,单标签,无内容。

      *DW中使用shift+enter快捷键可直接插入一个<br />标签

    4:<hr />

      *创建一条水平线,主要用于协助分隔文档的各个部分,默认独占一行

      *单标签,不能放在文本内部,如不能放在<p></p>之间。

      *具有一定的样式效果(默认高度为零,所呈现的为边框),

        可通过CSS修改样式

      *不推荐使用,实际应用中并不多见,使用CSS可实现同样效果。

    5:<strong>/<em>

      *强调标签,区别

          <em>:局部性强调,会改变所在句子的语义。

          <strong>:整体强调,不会改变 所在句子的语义。

      *双标签,行间元素

      *使用在需要被强调的文本上,实际应用中并不是很多应用,不能滥用。

    6:<b>/<i>

      *特色文本标签

        <b></b>:加粗

        <i></i>:斜体

      *双标签,行间元素

      *无强调作用

      *具体应用时,最好是赋予class样式名来表示语义。

      *实际应用中,<b>/<i>应用的更多。

      *DW中:Ctrl+B快捷键可以创建<strong>/<b>

      *Ctrl+I快捷键可以创建<em>/<i>

    7:<span>

      *微组合标签,行间元素,双标签,无任何语义,默认无任何样式表现。

      *仅为了提供一个结构化的接口,通常使用class样式为其附加语义。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,734评论 1 41
  • 引言 在日常开发Android中,很多时候会遇到和WebView打交道,对CSS HTML JS不是很清楚的话是完...
    张文靖同学阅读 7,898评论 0 11
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,572评论 0 30
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,162评论 0 0
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 5,328评论 0 4

友情链接更多精彩内容