奇舞-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>

代码

 

const 声明一个只读的常量

  
    const add = (a, b) => a+ b;
    const multiply = (a, b) => a * b ;
     

figure

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

强调

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

上标和下标

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

mark

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

插入和删除

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

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

你可能感兴趣的:(奇舞-HTML简介与文本)