HTML入门笔记

208 阅读1分钟

html起手式

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title></head><body>    </body></html>
  • DOCTYPE   文档类型

  • html   标记语言,也是一种文档类型

  • lang="en"   代表语言是英语,lang="zh-CN"   代表语言是中文

  • UTF-8    文件的字符编码

  • width=device-width    防止页面缩放

章节标签

  • 标题  h1-h6
  • 章节 section
  • 文章 article
  • 段落 <p></p>
  • 顶部 header
  • 底部 footer
  • 主要内容 main
  • 旁支内容 aside
  • 划分 <div></div>块级元素
  • 跨距 <span></span>行内元素

全局标签

  • class  标记  分类

  • contenteditable   可以在输出版面上直接编辑

  • hidden  隐藏内容

  • id  跟class类似   尽量用class

  • style  属性

  • tabindex=1   tabindex=2 ……设置tab键的访问   0表示最后访问  正数代表按准许 负数代表不许访问

  • title  表示省略的完整的内容

内容标签

  • ol+li   顺序列表
  • ul+li  无序列表
  • dl+dt+dd   dl表示描述列表;dt表示描述对象;dd表示描述数据
  • pre  pre标签内的内容可以空格 tab 回车
  • code   在标签内写代码    以默认的等宽字体显示
  • hr  分割线
  • <br />  换行
  • <em></em>  强调 标签内容斜体显示
  • <strong></strong>强调  加粗
  • <del></del> 删除线
  • <ins></ins> 下划线
  • quote  行内引用
  • blockquote  块引用