《HTML笔记》

134 阅读1分钟
  1. HTML是谁发明的?

  • Tim Berners-Lee(李爵士)
  1. HTML起手需要写什么

<!DOCTYPE html>
<html lang="zh-CN">
<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>
  1. 常用的表章节的标签有哪些,分别是什么意思?

  • 标题 h1~h6
  • 章节 section
  • 文章 article
  • 段落 p
  • 头部 hedaer
  • 脚部 footer
  • 主要内容 amin
  • 旁枝内容 aside
  • 划分 div
  1. 全局属性有哪些?

  • class 添加自定义样式<div class="top-navbar"></div>
  • contenteditable 使任何一个标签可以编辑 <div contenteditable></div>
  • hidden 让标签消失,可用display挽回 <div hidden></div>
  • id 添加id标示<div id="app"></div>
  • style 在标签内添加样式<div style="width=200px;"></div>
  • tabindex 让键盘的tab键响应<div tabindex="0"></div> ps:(正常按数字从小到大选中,0为最后一个选中,-1为不选中)
  • title 鼠标触碰显示内容<div title="xxxxx"></div>
  1. 常用的内容标签有哪些,分别是什么意思?

  • ol+li 有顺序的列表<ul><li>content</li></ul>
  • ul+li 无顺序的列表<ol><li>content</li></ol>
  • dl+dt+dd 描述列表<dl><dt>描述对象</dt><dd>描述内容</dd></dl>
  • pre 多个连续的空格会合成一个空格,包括空格,回车,tab,作用是保留空格<pre>内容</pre>
  • hr 分割线<hr>
  • br 中断,打断<br>
  • a 超文本链接跳转<a href="baidu.com" target="_blank">提交</a>href为跳转地址,target为打开方式
  • em 表示语气强调<em>content</em>
  • strong 表示重要 本身很重要<strong>content</strong>
  • code 表示代码块,结合pre使用,用pre包裹code<pre><code>{let name="test"}<code></pre>
  • quote 表示引用,默认未内联元素<quote>content</quote>
  • blockquote 表示饮用,默认为块级引用<blockquote>content</blockquote>