• HTML基础1-文本


    一、标题

    1、文本标记

    标题标记共6个:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。

    其中<h1>标记表示最大的标题,<h6>标记表示最小的标题

    标题标记语法如下:

    <h1>文本内容</h1>
    
    2、标题的对齐方式:left、center、right

    默认情况是左对齐,可通过对标题标记添加align属性进行设置

    语法如下:

    <h1 align="对齐方式">文本内容</h1>
    
    属性值 含义
    left 左对齐
    center 居中对齐
    right 右对齐

    二、文字

    1、文字的斜体、下划线、删除线:em、u、I、cite、strike

    语法格式如下:

    <em>斜体内容</em>
    <u>带下划线内容</u> #待下划线有三种方式,分别是u、I、strike
    <I>带下划线内容</I>
    <cite>带下划线内容</cite>
    <strike>带删除线内容</strike>
    
    2、文字的上标和下标:sup、sub

    语法格式如下:

    <h1>上标:X<sup>2</sup></h1>	#显示为x的平方
    <h1>上标:X<sub>2</sub></h1>	#显示为x的脚标为2
    
    3、特殊符号

    三、段落

    1、段落标记

    语法格式如下:

    <p>段落文字</p>
    
    2、换行标记

    语法格式如下:

    文字<br/>
    
    3、原格式标记

    语法格式如下:

    <pre>
    文本内容
    <pre>
    

    四、水平线

    1、水平线标记
    <hr>
    
    2、水平线标记的宽度
    <hr width="水平线宽度">
    #可以是像素值也可以是窗口宽度百分比
    
    3、水平线位置(居左/居右/居中)
    <hr width="水平线宽度" align="left/right/center">
    
  • 相关阅读:
    向强大的SVG迈进
    手把手教你写个小程序定时器管理库
    蒲公英 · JELLY技术周刊 Vol.11 Lighthouse 测试报告生成
    ES6语法——let和const
    北京天地益星面经
    JS的数据类型你真的懂了吗
    北京MedPeer凉经
    flex布局语法+实例
    面试官问:你有多少种方式实现三栏布局?
    CSS粘性定位
  • 原文地址:https://www.cnblogs.com/loveniko/p/13083378.html
Copyright © 2020-2023  润新知