HTML入门

204 阅读1分钟

HTML是由Tim Berners-Lee(李爵士)发明的

Google搜索MDN HTML5查看权威资料

HTML起手式

  • Emmet 即"!" 导入基本框架

image.png

章节标签

  • h1~h6:一到六级标题
  • section:表示章节
  • p:段落
  • main:主要内容
  • aside:旁支内容
  • header:头部(如广告)
  • footer:脚部
  • div:划分

全局属性

  • class:给标签一个标记,加样式(可以加多个标签,使用简写,如.middle匹配标签中的一部分)
  • contenteditable
  • hidden(将该标签内容隐藏)
  • id
  • style(每一个标签可以加一个style属性,Js的style优先级最高)
  • tabindex(可以用tab键当鼠标,tabindex=-1表示tab不要到该处,tabindex=0响应级别在正数后面,即最后访问)
  • title

image-20210315163257475.png

内容标签

  • ol+li(ordered list+list item)
<ol>
  <li>刷牙</li>
  <li>洗脸</li>
</ol>

  • ul+li(unordered list+list item)
<ul>
  <li>刷牙</li>
  <li>洗脸</li>
</ul>
  • dl+dt+dd(description list+term+data)
  • pre(preview)
  • code
  • hr(水平分割线)
  • br(break,强制换行)
  • a(anchor,超链接)
  • em (emphasis)
  • strong(加粗)
  • q(quote) table、dl标签需要加“+”回车才可引出

想保留内容的空格/回车就用pre标签包起来