《HTML入门笔记1》

224 阅读2分钟

快问快答

HTML 是谁发明的:

1990年Tim Berners Lee

HTML 起手应该写什么

写一个感叹号(Emmet)

<!DOCTYPE html> (文档类型)
<html lang="en"> (可以把lang改成zh-CN)
<head>
<meta charset="UTF-8">  (文字的字符编码)
<meta http-equiv="X-UA-Compatible" content="IE=edge">  (告诉IE使用最新的浏览器打开)
<meta name="viewport" content="width=device-width, initial-scale=1.0">  (禁止缩放,兼容手机)
<title>Document</title>  (这是文章的标题)

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

  • 标题 h1-6 有层次的标题

  • 章节section 表示代码的一个章节

  • 文章 article 这是章节里面的文章

  • 段落p 用开头表示一段

  • 头部 header 一般用来做头部的广告

  • 脚部 footer 一般用来表示版权的归属

  • 主要内容 main

  • 旁支内容 aside

  • 划分div

全局属性有哪些

  • class 给某个代码的对象命名
<style>
 .middle {
   background: black;
   color:white;
   }
  .bordered{
   border: 10px solid red;
   }
  </style>
  <div class="middle bordered">
  • contenteditable 让页面上任意元素可以编辑
<style contenteditable>
style {display:block; border:1px solid red;}
  • hidden 让某行内容不显示

  • id id这个标签要慎用,一般建议直接用class

  • style 样式变化

  • tabindex 用TAB时候,后面可以接不连续的数字,数字最大的最后选中& 数字为-1为直接隐去找不到此选项&数字为0的时候表示为最后被TAB找到

  • title 表示标题

常用的内容标签有哪些,分别是什么意思(a、strong、em、code、pre 等等)

  • ol+li (有顺序的列表)

  • ul+li (无顺序的列表)

  • dl+dt+dd (这个dl的列表里面,一个叫"dt"的对象被描述为“dd")

  • pre 想保留打一下就是一个空格就用pre 标签包起来

  • hr 分割线

  • br (break的缩写,用来换行,打断这个进程)

  • a (anchor 的缩写,一般后面用来放上一个超链接)

  • em (表示语气上的强调,和strong不同,后者用来表示内容上的强调。个人认为就是一个表示强调的标签)

  • code (后面写等宽字符的代码,如果想要排版加入换行就用pre 包起来)

  • q/blockquote (一个表示quote 的缩写,表示引用,后者表示整块的引用)