HTML(二)

1.04 段落编辑

一,段落

  1. 回车< br>

  2. 分段控制标签< p>

    基本语法:
    在这里插入图片描述
    参数值:right,left(默认),center

  3. 居中显示文字 < center>

    基本语法:
    在这里插入图片描述

  4. 预格式:< pre>

    基本语法:
    在这里插入图片描述

  5. 插入并设置水平线< hr>

    基本语法:
    在这里插入图片描述
    align:水平摆放位置,可选right,left,center(默认)
    Size:水平线的粗细,以像素为单位
    Width:水平线的长度,以像素或百分比为单位
    Color:水平线的颜色
    noshade:设定水平线是否显示3D阴影

    实例代码:
    在这里插入图片描述
    效果:
    在这里插入图片描述

  6. 添加水平线

    实例代码:
    在这里插入图片描述
    效果:
    在这里插入图片描述

  7. 插入特殊符号

    基本语法:
    在这里插入图片描述
    实例代码:
    在这里插入图片描述
    效果:在这里插入图片描述
    1.05 文字编辑

    一,编辑内容

    1. 添加文字
      基本语法:
      在这里插入图片描述
      在网页中添加文字,只要在之间,需要插入文字的地方输入文字就可以实现。

    2. 添加注释< !---->

      在HTML文件中,为了增加代码的可读性,需要对代码添加必要的注释。这些
      注释语句科方便编写者的检查与维护,同时这些注释信息也不会再杨业中被显示。
      

      基本语法:
      在这里插入图片描述
      实例代码:
      在这里插入图片描述
      效果:
      在这里插入图片描述

    3. 添加空格

      在HTML中添加空格是通过代码实现的。

      基本语法:
      在这里插入图片描述
      在HTML文件中,添加空格需要使用代码控制,需要多个空格就&nbsp&nbsp…

      实例代码:
      在这里插入图片描述
      效果:
      在这里插入图片描述

    4. 添加删除线

      在HTML文件中,给需要添加删除线的文字使用成对的< strike>< /strike>标记,就可以添加删除线

      基本语法:
      在这里插入图片描述
      在成对的< strike>< /strike>标记之间输入文字,在网页中显示改标记之间的文字就是被添加了删除线后的显示效果

      实例代码:
      在这里插入图片描述
      效果:
      在这里插入图片描述
      二,文字效果

      1. 标题文字标签< hn>
        < hn>标签一共为6级
        基本语法:
        在这里插入图片描述
        align属性值为right,left(默认),center。
        实例代码:
        在这里插入图片描述
        效果:在这里插入图片描述

      2. 编辑网页文字样式
        基本语法:
        在这里插入图片描述
        在HTML文件中,利用成对标记就可以将网页中的文字根据需要,对其进行样式的编辑。
        在这里插入图片描述
        效果:
        在这里插入图片描述

      3. 设置文字标注标记< ruby>
        在HTML文件中,有时需要对某个字、词或者某个段进行说明,可以通过添加文字的标注标记来完成对网页中文字的说明。

        基本语法:
        在这里插入图片描述
        利用成对的< ruby>< rt>标记,可以对网页的文字进行标注。

        实例代码:
        在这里插入图片描述
        效果:
        在这里插入图片描述
        三,文字修饰、

        1. 简单修饰文字
          基本语法: 在这里插入图片描述
          实例代码:
          在这里插入图片描述
          效果:
          在这里插入图片描述

        2. 去顶文字上下标

          基本语法:
          在这里插入图片描述
          在HTML文件中,成对的标记可以表示上标,利用成对的标记表示下标。

          实例代码:
          在这里插入图片描述
          效果:
          在这里插入图片描述

        3. 设置地址文字
          在网页中添加地址文字,是为了更方便地突出显示联系方式,将联系人的地址信息突出显示。
          基本语法:
          在这里插入图片描述
          在HTML文件中,利用成对< address>< /address>标记就可以将网页需要显示的地址文件突出显示。

          实例代码:
          在这里插入图片描述

          效果:
          在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值