HTML入门笔记1HTML 的全名是“超文本标记语言”（HyperText Markup Language），由蒂姆·伯

HTML历史

HTML 的全名是“超文本标记语言”（HyperText Markup Language），由蒂姆·伯纳斯-李（Tim Berners-Lee）发明。

HTML起手式

    <!DOCTYPE html/>
    <!-定义文档属性-->
    <html lang="zh-CN">
    <!-网页显示的语言->
    <head>
    <meta charset="UTF-8">
    <!-网页编码方式，默认为UTF-8->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的网页</title>
    </head>

    <body>正文</body>

    </html>

HTML章节标签

标题h1~h6
章节section
文章article
段落p
头部header 放广告
脚部footer &copy版权声明标志
主要内容main
旁支内容aside
划分div 做简单划分用的

全局属性：所有的标签都可以有的属性

class 给你的标签分个类，用class=middle时候，假如元素名称有两个单词，就找不到，需要用.middle
contenteditable 在元素里加上这个属性后，网页就可以直接编辑文字了
style标签移动到body标签里，然后加上display: block,就可以在网页上看到了，和上面的搭配可以进行调试
hidden可以隐藏
id 不到万不得已，千万不要用
style可以在每个标签里写一个，在标签里的，比头部的级别高
tabindex header里写=1，div里写=2，footer里写=3，tab键就能用，0是最后一个，-1是别访问我
title显示完整的内容
去除默认格式

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>百度</title>
  <style>
   *{margin:0;padding:0;box-sizing: border-box;}
   *::before,*::after{box-sizing: border-box;}
    #xxxx{
      border: 5px solid red;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis
    }
  </style>
</head>

<body>
  <header id="xxxx" style="border : 5px solid green;"title="完整内容">广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告广告</header>
</body>
</html>

内容标签

ol+li 有顺序的列表+列表中的一项
ul+li无顺序的列表+列表中的项
dl+dt+dd 描述列表+描述的对象+描述的内容
pre 保留空格和回车
code 里面的字体是等宽的
hr 加分割线
br 打断，换行用
a 添加超链接，在里面加target="_blank"变成新开窗口
em表示强调