html学习笔记自用版 (htmlcss笔记详解)

HTML是谁发明的?

1.HTML的全称是什么?

超文本标记语言(Hyper Text Markup Language),是一种用于创建网页的标准标记语言。

2.谁发明的?

是由Tim Berners-Lee发明的。

HTML 起手应该写什么?

<!DOCTYPE html>
  <!--文档类型为html 此行必须为第一行 前面空一行也会报错-->
  <html lang="en">
    <!--html标签 en是英语 zh-CN是中文-->
    
    <head>
                 <meta charset="UTF-8">
                   <!--文件的字符编码-->
                   <meta name="viewport" content="width=device-width, initial-scale=1.0">
                     <!--content里的内容代表禁止缩放,兼容手机-->
                     <meta http-equiv="X-UA-Compatible" content="ie=edge">
                       <!--content里的内容表示让ie使用最新的内容-->
                       <title>Document</title>
    </head>

常用的表章节的标签有哪些,分别是什么意思?

  1. h1-h6 标题
  2. section 章节
  3. article 文章
  4. p 段落
  5. header 头部
  6. footer 脚部
  7. main 主要内容
  8. aside 旁支内容
  9. div 划分,表示一个区块

全局属性有哪些?

  1. class 用来对网页元素进行分类。如果不同元素的 class 属性值相同,就表示它们是一类的。
  2. contentteditable HTML 网页的内容默认是用户不能编辑, contenteditable 属性允许用户修改内容。
  3. hidden hidden是一个布尔属性,表示当前的网页元素不再跟页面相关,因此浏览器不会渲染这个元素,所以就不会在网页中看到它。
  4. id id属性是元素在网页内的唯一标识符
  5. style 用来指定当前元素的 CSS 样式
  6. tabindex 页通常使用鼠标操作,但是某些情况下,用户可能希望使用键盘,或者只有键盘可以用。因此,浏览器允许使用 Tab 键,遍历网页元素。也就是说,只要不停地按下按钮 Tab 键,网页的焦点就会从一个元素转移到另一个元素,选定焦点元素以后,就可以进行下一步操作,比如按下回车键访问某个链接,或者直接在某个输入框输入文字。
  7. title 用来为元素添加附加说明。大多数浏览器中,鼠标悬浮在元素上面时,会将title属性值作为浮动提示,显示出来。

常用的内容标签有哪些,分别是什么意思?

  1. ol+li 有序列表
  2. ul+li 无序列表
  3. dl+dt+dd 自定义的列表
  4. pre 显示文本中的空白符号
  5. hr 分割线
  6. br 换行
  7. a 链接通过 <a> 标签表示,用户点击后,浏览器会跳转到指定的网址。
  8. em <em> 是一个行内标签,表示强调(emphasize),浏览器会以斜体显示它包含的内容。
  9. strong <strong> 是一个行内元素,表示它包含的内容具有很强的重要性,需要引起注意。浏览器会以粗体显示内容。
  10. code 呈现一段计算机的代码,各类语言。
  11. quote 行内的引用
  12. blockquote 块的引用