《HTML入门笔记1》

128 阅读1分钟

HTML 是谁发明的

HTML 于1990年左右诞生,是Tim Berners-Lee(李爵士)发明的。他发明了WWW,同时发明了HTML,HTTP和URL。

HTML 起手应该写什么

Emmet!+tab

<!DOCTYPE html><!--文档类型-->
<html lang="zh-CN">
<head>
    <meta charset="UTF_8">
    <meta name="viewport" content="width=device-width,inital-scale=1.0"><!--禁用缩放,兼容手机-->
    <meta http-equiv="X_UA-Compatible" content="ie=edge"><!--告诉IE使用最新的内核-->
    <title></title>
</head>
<body>

</body>
</html>

HTML常用的表章节的标签

  • 标题<h1>,<h2>,<h3>,<h4>,<h5>,<h6>
  • 章节<section>
  • 文章<article>
  • 段落<p>
  • 头部<header>
  • 脚部<footer>
  • 主要内容<main>
  • 旁支内容<aside>

全局属性

所有标签都有的属性

  • class
  • contenteditable页面内容可编辑
  • hidden隐藏
  • idID(能不用就不用)
  • style样式
  • tabindextab键相对应的顺序(可当作鼠标)
  • title标题

常用的内容标签

部分标签样式我会通过页面效果展示

  • ol li 有序列表
<ol>
  <li>第一</li>
  <li>第二</li>
</ol>

有序列表展示:

1.第一
2.第二
  • ul li 无序列表
<ul>
  <li>苹果</li>
  <li>香蕉</li>
</ul>

无序列表展示:

* 苹果
* 香蕉
  • dl dt dd 描述列表 dt描述的对象,dd描述的内容
<dl>
  <dt>描述对象</dt>
  <dd>描述内容</dd>
</dl>
  • <pre></pre> 保留空格,回车,tab,原样显示

  • <hr> 分割线


  • <br> 换行

  • <a href=""></a> 超链接

  • <em></em> 语气强调

  • <strong></strong> 内容加粗

  • <code></code> 代码块

  • <quote></quote> 内联引用

  • <blockquote></blockquote> 块级引用