《HTML 入门笔记 1》

124 阅读2分钟

首先我们了解一下HTML是谁发明的

  1. HTML的英文全称是Hyper Text Marked Language,即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事Daniel W. Connolly于1990年创立的一种标记语言。

  2. Tim Berners-Lee还成立了万维网联盟(W3C),并担任万维网联盟的主席。万维网的主要工作也是围绕HTML开展。

  3. 下面这个就是HTML的创始人,Web之父Tim Berners-Lee先生,属实是厉害,有没有!

:---------:src=http___images.ofweek.com_Upload_News_2018-09_25_Sunny_1537840966383017327.jpg&refer=http___images.ofweek.jpg


看了HTML的出身之后,让我们再来了解一下,HTML的起手式吧 .

<!DOCTYPE html>    此标签为HTML的标准网页声明
    <html lang="en">    lang 是定义页面语言的代码,当然也可以更改 比如 lang=zh-CN
     <head>    此标签用于定义html网页的头部,head是所有元素的容器,head标签中可以引用js和css以及对页面文档的标题等各种属性,并且head头部的数据是不会展示给用户。
     <meta charset="UTF-8">   此标签为编码格式
    <meta http-equiv="X-UA-Compatible" content="IE=edge">    此代码可以解决网页是否兼容问题
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <title>Document</title>   此标签为标题栏,在这里可以给网页加上标题
    </head>
   <body>     body为内容标签

  </body>
 

看了起手式,下面让我们更加深入的了解一些常用章节标签

  1. < h1~h6 > :可以用来定义HTML的标题 <h1>文章标题</h1>

  2. < section >:可以用来定义文档中的章节 <section> <h1>一个章节</h1> </section>

  3. < article >: 可以用来表示文章 <article>标签中的内容经常包含<h1>、<header>、<footer>等标签

  4. < p >: 表示段落 <p>创建一个段落</p>

  5. < header>: 用于文档的头部

  6. < footer >: 文档的页脚,脚部 <footer id="footer">页脚内容<footer>

  7. < main >: 表示为主要的,主函数

  8. < aside >: 文章的栅栏,旁支内容

  9. < div>: 可以起到划分的作用


还有常用的全局属性

  • class :用于规定元素类名
  • contenteditable :规定元素内容是否可编辑
  • hidden :布尔属性
  • id :表示唯一,象征标签身份(慎用)
  • style :定义样式
  • tabintex :控制tab的顺序
  • title :显示完整的内容

再来点常用内容标签.

  1. ol+li(ordered list+list item) : ol用于结合li生成有序列表

  2. ul+li(unordered list+list item): ul用于结合li生成无序列表

  3. dl+dl+dd(description list+term+tada) : 标签用于定义列表,有表头和表内容,并形成层级关系

  4. pre(preview的缩写) :被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体

  5. hr :分割线

  6. br(break的缩写) :换行

  7. a (anchor的缩写):访问

  8. em (emphasis的缩写):强调

  9. strong :重点

  10. code :标签用于表示计算机源代码或者其他机器可以阅读的文本内容

  11. q(quote的缩写) :短的引用

  12. blockquote :标记长的引用


日常学习记录,有错误请指正.这是我的第一篇文章,奥里给!!加油!!一giao我里giao,giao