HTML入门笔记

191 阅读2分钟

HTML 是谁发明的

html 是李爵士发明的

HTML 起手式些什么

!+TAb

<!DOCTYPE html>  文档类型
<html lang="en">  语言,通常改为"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"> IE使用最新内核
    <title>Document</title>  标题
</head>
<body>
 <header>顶部广告</header>
<div>划分
  <main>主要内容
   <h1>文章标题</h1>
   <p>段落</p>
   <section>
   章节
   </section> 章节里面可以插入多个章节
 </main>主要内容
 <aside>
 旁支内容</aside> 导航或者参考资料或者文献
</div>划分
    <footer>&copy;版权所有(底部广告)</footer>  & 加copy  打出©版权标志

</body>
</html>

常用的表章节的标签有哪些,分别是什么意思(h1-h6、section、article、main、aside 等等)

章节标签主要是表示文章或者一本书的层级

  1. 标题 h1-h6
  2. 章节 section
  3. 文章 article
  4. 段落 p
  5. 头部 headre
  6. 胸部 footer
  7. 主要内容 main
  8. 旁支内容 aside
  9. 划分 div

全局属性(任何标签都可以有的标签)有哪些?

  1. class 给标签分类 ,在匹配class的时候可以用.middle “.”的意思是区分空格。比如class="middle bordered" ,用.middle{} .bordered{}
  2. contenteditable 内容可编辑,可以编辑任何元素,可以做一个编辑器。
  3. hidden 让一个标签看不见
  4. id 有两种写法:第一种[id=xxx],第二种#=xxx。id是全局唯一,但不到万不得已千万不要用 id。因为它不会报错。id 有两个作用:1、在 css 里通过#号加样式 2、在 js 里面通过 id 直接获取对应的元素,但是这些元素有些禁忌(因为当你在控制台打出 window.里面的所列的所有单词都不能,它们是 window 已有的全局属性,不能通过标签把全局属性覆盖)
  5. style 每一个元素可以写一个 style 属性,如果html、css和js属性同时出现会被JS覆盖掉。 如果把 style 从 head 移出放在 body 写上 style{display: block;} style 就能被看见
  6. tabindex 是控制 tab 的顺序的,tabindex=0,最后一个访问,-1 不被访问
  7. tile 显示完整内容

其他知识点

文字超长要省略可以在head写上下面三行代码

 white-space: nowrap;  意思是不要换行
 overflow: hidden; 溢出就省略
text-overflow: ellipsis; 省略用省略号代替