【HTML 基础】02 基本标签

标题

  • hn标签表示标题,作用是强调
  • h1最大,h6最小
  • h1可以被搜索引擎搜索到,在页面当中只能使用一次

大标题

水平线

  • hr标签

换行符

  • br标签

字符实体

  • 什么是字符实体?

    • 字符实体是具有特殊用途的一串字符。
    • 比如我们想在网页上面显示一个“<”小于符号,但是“<”在HTML中是文档标记的开始语言,如果我们直接使用“<”会出差错,所以我们就会一些实体名称来代替!
    • 又或者空格,不论你写多少个空格或者回车换行,浏览器都当一个空格识别,所以空格也需要一些实体名称代替。
  • 常见的字符实体


    【HTML 基础】02 基本标签_第1张图片
    这里写图片描述

段落

  • p标签
  • 会自动在其前后创建一些空白

我是一段话

预格式化的文本

  • pre标签
  • 被包围在 pre 中的文本会保留空格和换行符
    领导:
        您好!
        世界那么大,我想去看看!
            
                请假人:丰哥
                2017.6.8            

文本标签

  • strong 加重语气,外观是粗体字
  • em 着重字,外观是斜体字
  • sub 定义下标字
  • sup 定义上标字
  • 还有一些文本样式的标签已过时,被css代替,如font等

列表

  • 无序列表
    • 外层是 ul 标签
    • 每个列表项是 li 标签
    • 列表项内部可以使用文字、段落、换行符、图片、链接以及其他列表等等
    • 标记样式用css实现
        
  • 中国
  • 美国
  • 俄罗斯
  • 有序列表
    • 外层是 ol 标签
    • 每个列表项 li 标签
    • 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等
    • 标记样式用css实现
        
  1. 西瓜
  2. 葡萄
  3. 香蕉
  • 自定义列表
    • dl 定义列表
    • dt 自定义列表项目
    • dd 定义自定列表项的描述
        
各地特产
东北特产
人参
鹿茸
貂皮
大连特产
雾霾
堵车
高房价

【HTML 基础】02 基本标签_第2张图片
这里写图片描述

【点滴分享 共同进步】


你可能感兴趣的:(【HTML 基础】02 基本标签)