HTML入门笔记

110 阅读1分钟

HTML的历史

WWW之父:Sir Timothy John Berners-Lee 蒂莫西·约翰·伯纳斯-李爵士 HTML:HyperText Markup Language 超文本标记语言 是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。 WWW=URL+HTTP+HTML 1990年

HTML的起手式

  • 快捷方式: !+ Tab
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title></head><body>
</body></html>

常用章节标签

  • <h1>-<h6>:文章标题,用来实现不同标题的样式,大小递减。
  • <section>:章节
  • <header>头部
  • <fooder>脚部
  • <main>主要内容
  • <aside>次要内容
  • <p>段落
  • <div>划分

全局属性

  • class:类,.xxx
  • contenteditable:元素内容是否可编辑
  • hidden:隐藏元素
  • id:#xxx尽量不用id元素,用class。
  • style:设置样式
  • tabindex:定义元素被tab键选中的次序。(0为最后一个,-1为不可选中的的元素)。
  • title:鼠标移到元素上时显示一段提示文本。

常用是内容标签

  • ol + li 有序列表(ordered list + list item)
<ol>
<li>1.</li>
<li>2.</li>
</ol>
  • ul + li 无序列表 (unordered list + list item)
<ul>
<li>*</li>
<li>*</li>
</ul>
  • dl + dt + dd 描述列表(dictionary list + dictionary title +dictionary data)
<dl>
<dt>笔记</dt>
<dd>笔记是一种用来记录和梳理知识的一种方式</dd>
</dl>
  • <em></em>:强调,语气上的重要。
  • <strong></strong>:强调,内容本身的重要。
  • pre></pre>:按预定格式显示的文本。
  • <code></code>:代码格式等宽。
  • <br>:换行。
  • <hr>:分割线。
  • <quoto>:内联引用。
  • <blockquote></blockquote>:块级引用。
  • <strong></strong>:加粗。
  • <a href=""></a>:超链接。