HTML入门笔记1

136 阅读1分钟

1.HTML之父是谁?

HTML于1990年被Tim Berners-Lee(李爵士)发明

2.HTML的起手式

<!DOCTYPE html>
<!--文档类型--> 
<html lang="zh-CN">
<!--html标签语言,lang最开始默认为en,改为中文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>HTML起手式</title>
    <!--网页显示标题-->
 </head>
 <body>
    <div></div>
  </body>
</html>

3.常见的章节标签

  • 标题 h1~h6 (用来设置1-6级标签)
  • 章节 section (给内容分章节)
  • 文章 article
  • 段落 p(存放文字内容)
  • 头部 header (可做头部广告的内容 一般在网页内容最上方)
  • 脚部 footer (可做版权声明之类的内容 一般在网页的最下方)
  • 主要内容 main (表示此标签包裹的为主要内容)
  • 旁支内容 aside (包裹不重要的内容 例如参考资料)
  • 划分 div (可用来互划分区域)

4.全局属性

  • class
  • contenteditable (可以使任何一个元素被直接编辑)
  • hidden (隐藏)
  • id
  • style
  • tabindex (实现用Tab键代替鼠标在页面上进行移动的同时控制移动位置的顺序 其中正数按顺序访问,0最后被访问,-1不被访问)
  • title (处理文字溢出问题时可以实现鼠标浮到该位置时显示出完整的文字内容)

5.常见的内容标签

  • ol+li (有序列表)
  • ul+li (无序列表)
  • dl+dt+dd (描述列表 dt里面是描述对象,dd里面是描述的内容)
  • pre (可以使其包裹的内容中保留所有空格 回车 tab)
  • hr (分隔符) hr是个单标签
  • br (换行) br是个单标签
  • a (超链接)
  • em (对内容进行语气上的强调)
  • strong (对内容进行本质上的强调)
  • code (字体等宽效果)
  • quote (无视觉效果,其内容代表是引用,用于行内引用)
  • biockquote (无视觉效果,其内容代表是引用,用于块内引用)