奇舞-HTML简介与文本

<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
</body>

</html>

HTML 是什么?

  • HyperText Markup Language
  • 使用标签来描述页面的内容和结构

    HTML 的产生

  • 1989年 Tim Berners-Lee

  • 共享文档需要
  • 还发明了浏览器 服务器 HTTP

HTML 1.0 1991
TITLE NEXTID A ISINDEX PLAAINTEXT
P H1 H2 H3 H4 H5 H6 ADDRESS
DL DT DD UL LI

HTML 2.0 1994 IETF

  <dl>
    <dt></dt>
    <dd></dd>
  </dl>

嵌套规则

引用

    <blockquote cite="http://example.com/facts">
        <p>The Boat Races 2017 took place on 2 April. Held annually, the Boat Race is a side-by-side rowing race between crews from the </p>
    </blockquote>
    <p>我最新欢的一本书 <cite>小王子</cite></p>

预格式化文本

 <pre>
  第一行 空 格
  第二行   
 </pre>

代码

 <p><code>const</code> 声明一个只读的常量</p>

<pre>
  <code>
    const add = (a, b) => a+ b;
    const multiply = (a, b) => a * b ;
  </code>   
</pre>

figure

<figure>
    <img src="https://cdn.dribbble.com/users/849366/screenshots/4399080/20180323_blog_quotable-quotes_dribre_1x.png" alt="">
    <figcaption>explanatory caption</figcaption>
</figure>

强调

  • strong 重要性 严重性和紧急性
  • em 从一句话中突出某个词语
  • b 将词语从视觉上和其它部分区分 比如一篇论文文摘中关键字
  • i 换一种语调去说一句话 ,比如其它语言翻译,对话中的旁白

上标和下标

<p>E = MC<sup>2</sup></p>
<p>CO<sub>2</sub></p>

mark

  • 和用户当前行为相关的突出,比如在搜索结果中匹配到的词
  • 一部分内容需要在后面引用时

插入和删除

<ins> 插入</ins>
<del> 删除</del>

div 和 span
是在找不到其它更符合语义的标签时使用

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值