HTML入门笔记1

用户5376817153933
109 阅读2分钟

HTML 起源

  • 万维网WWW：基于互联网，输入网址得到网页。
  • WWW由Tim Berners-Lee发明（李爵士）。他同时发明了HTML，HTTP和URL。
  • 原始HTML一共18个元素，除了a标签以外，其他设计都受SGMLguid的影响。现在还剩11个元素还在使用。最新版的HTML有110个标签。

HTML 起手

<!-- 文档类型 -->
<!DOCTYPE html>
<!-- 语言 en 英语 zh-CN 简体中文 -->
<html lang="en">
<head>
    <!-- 文件的字符编码 -->
    <meta charset="UTF-8">
    <!-- IE使用最新内核 -->
    <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>
</html>

常用章节标签

  • 标题h1 - h6
  • 章节section
  • 文章article
  • 段落p
  • 头部header（比如页面最上方的广告
  • 尾部footer（比如版权声明，用&copy;表示©
  • 主要内容main
  • 旁支内容aside（比如导航
  • 划分块div

全局属性

  • class

  • contenteditable：页面可编辑

  • hidden：隐藏当前区域

  • id：

    全页面唯一，用id；不是唯一，用class----------No！

    如果同时写两个相同的id，并不会报错。能用class就尽量用class！

    CSS：#id名字{加样式}

    JS：使用xxx.style获取id时，部分单词不能用作id，比如self, parent, top，原因是他们属于window的属性。是window.后面的显示属性。或者可以用document.getElementById('top')获取

  • style：格式和CSS里样式的格式一样，JS, CSS, html属性 里面style的优先级：JS>html>CSS

  • tabindex：靠键盘选择元素。顺序取决于数字大小。

    ​ tabindex=0是最后一个访问，tabindex=-1表示别访问

  • title：鼠标浮上去，显示title里的内容

常用内容标签

  • ol + li (ordered list + list item)
  • ul + li (unordered list + list item)
  • dl + dt + dd (description list + term（被描述的词） + data（描述的内容）)
  • pre (preview的缩写)：保留空格、回车、tab，因为HTML 代码里的多处空格、回车、tab 等内容，默认会被转化为一个空格。
  • hr：分割线<hr>
  • br：换行<br>
  • a：链接标签 <a href="http://qq.com" target=_blank> target=_blank表示点击后会新开页面
  • em：斜体，语气上的强调
  • strong：加粗，内容上的强调
  • code：写代码<code></code>
  • quote：行内引用
  • blockquote：块级引用（会换行）
avatar
文章
阅读
粉丝