HTMLCSS复健

2022/2/21

 

1. 语言

<html lang="fr">

2. 文档类型声明

<!DOCTYPE html>

3. 标题标签六级选

4. <p></p>和<br>单标签

<p>
        365天没有一天可以放个假
        带上监听耳机今夜的party我最大
        我是午夜DJ 感受我的music
        快乐时光不能浪费
        如果我是DJ 你会爱我吗
        你会爱我吗 你会爱我吗
        如果我是DJ 你会爱我吗
        你会爱我吗 你会爱我吗
        每当夜幕降临我们才睡醒睁开双眼
        带上我的Apple LV包包背在我左边
        我是午夜DJ 感受我的music
        快乐时光不能浪费
        <br>
        Rap:Hello baby I'm DJ
        This time with me feel my music
        If i'm dj will you love me
        Come on Together go to party
    </p>
    <p>
        如果我是一位午夜DJ
        你是否愿意把我体会
        想要正式的问你一句
        你是否会爱上一位DJ
        如果我是DJ
        如果我是DJ
        我是午夜DJ 感受我的music
        快乐时光不能浪费
    </p>

 pp之间垂直距离比较大。

2022/3/2

 5. 文本格式化常用标签

参考文章:

HTML 文本格式化https://www.w3school.com.cn/html/html_formatting.asp

HTML“计算机输出”标签 <code><kbd><samp><tt><var><pre> - 月光下 - 博客园

HTML在线转义,HTML在线转义工具 —在线工具在线HTML在线转义工具,可以把HTML代码转义后输出,提供html转义字符表对照。https://www.sojson.com/rehtml

    <h2>文本格式化标签</h2>
    <b>&lt;b&gt;&lt;/b&gt;定义粗体文本</b><br>

    <big>&lt;big&gt;&lt;/big&gt;定义大号字</big><br>

    <em>&lt;em&gt;&lt;/em&gt;倾斜定义着重文字</em><br>

    <i>&lt;i&gt;&lt;/i&gt;定义斜体字</i><br>

    <small>&lt;small&gt;&lt;/small&gt;定义小号字</small><br>

    <strong>&lt;strong&gt;&lt;/strong&gt;定义加重语气</strong><br>

    <sub>&lt;sub&gt;&lt;/sub&gt;定义下标字Carina<sub><sub>233</sub></sub></sub><br>

    <sup>&lt;sup&gt;&lt;/sup&gt;定义上标字<sup>Carina<sup>233</sup></sup></sup><br>

    <ins>&lt;ins&gt;&lt;/ins&gt;下划线定义插入字</ins><br>

    <del>&lt;del&gt;&lt;/del&gt;定义删除字</del><br>

    <!-- <s>不建议</s> -->
    <!-- <strike>不建议</strike><br> -->
    <!-- <u>不建议下划线</u> -->
    a dozen is <del>20</del> <ins>12</ins> pieces<br>
    <p>如果文本不是超链接,就不要<u>对其使用下划线</u>。</p>

 

    <h2>“计算机输出”标签</h2>

    <code>&lt;code&gt;&lt;/code&gt;#include<stdio.h>//定义计算机代码</code><br>

    <kbd>&lt;kbd&gt;&lt;/kbd&gt;定义键盘码</kbd><br>

    <samp>&lt;samp&gt;&lt;/samp&gt;ae</samp><br>

    字符序列 <samp>ae</samp> 可能会被转换为 &aelig; 连字字符?<br>

    <tt>&lt;tt&gt;&lt;/tt&gt;标签呈现类似打字机或者等宽的文本效果</tt><br>

    <var>&lt;var&gt;&lt;/var&gt;a=1定义变量</var><br>

    <pre>&lt;pre&gt;&lt;/pre&gt;定义预格式文本</pre>

 

     <h2>引用、引用和术语定义</h2>

    &lt;abbr&gt;&lt;/abbr&gt;标记一个缩写:The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.<br>

    &lt;acronym&gt;&lt;/acronym&gt;标记一个首字母缩写:<acronym title="World Wide Web">WWW</acronym><br>

    &lt;address&gt;&lt;/address&gt;地址<address>
        Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
        Visit us at:<br>
        Example.com<br>
        Box 564, Disneyland<br>
        USA
    </address><br>

    &lt;bdo dir="rtl"&gt;&lt;/bdo&gt;<bdo dir="rtl">bdo 元素可覆盖默认的文本方向</bdo><br>

    &lt;bdo dir="ltr"&gt;&lt;/bdo&gt;<bdo dir="ltr">bdo 元素可覆盖默认的文本方向</bdo><br>

    &lt;blockquote&gt;&lt;/blockquote&gt;标记长的引用:
    <blockquote>
        Here is a long quotation here is a long quotation here is a long quotation
        here is a long quotation here is a long quotation here is a long quotation
        here is a long quotation here is a long quotation here is a long quotation.
    </blockquote><br>

    &lt;q&gt;&lt;/q&gt;标记短的引用:
    <q>Here is a short quotation here is a short quotation</q><br>

    <cite>&lt;cite&gt;&lt;/cite&gt;定义引用</cite><br>

    <dfn>&lt;dfn&gt;&lt;/dfn&gt;定义一个定义项目</dfn>

 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值