HTML入门笔记1

39 阅读2分钟
HTML作者

Tim Berners-Lee,1990年

HTML起手
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>

<!DOCTYPE html>是HTML语言文档类型声明,告诉语言解析器用什么语言解析

<html lang="en">是规定的语言,表示网页内容默认用的语言。en表示用英语表达,若网页内容是中文,就用<html lang="zh-CN">

常用章节标签
  • 标题h1~h6
  • 章节section
  • 文章article
  • 段落p
  • 头部header
  • 脚部footer
  • 主要内容main
  • 旁支内容aside
  • 划分div
全局属性
  • class——给标签分类,可同时具有多个class
  • contentedtable——使任何一个元素可被用户编辑
  • hidden——用户将看不到这个标签的内容
  • id——元素在网页唯一的标识符,不报错
  • style——用来指定当前元素的css样式
  • tabindex——按Tab键切换聚焦,0表示最后聚焦到,-1表示永远不被聚焦
  • title——为元素添加附加说明,鼠标悬浮在元素上方时显示属性值
常用内容标签
  • ol+li

ol是一个有序列表容器,会在内部的列表项(li)前面产生数字编号

  • ul+li

ul是一个无序列表容器,会在内部的列表项(li)前面产生实心小圆点

  • dl+dt+dd

dl是一个描述列表容器,里面包含dt和dd,dt是描述对象,dd是描述内容

  • pre

保留该标签内部原始的换行和空格

  • code

code是一个内联元素,表示标签内容是计算机代码,浏览器默认会以等宽字体显示,用pre包裹code保留回车

  • hr

浏览器会将其渲染为一根水平分隔线。该标签是单独使用的,没有闭合标签

  • br

换行效果。该标签是单独使用的,没有闭合标签

  • a

用户点击后浏览器跳转到指定的网址

网址由href属性指定,属性值可以是一个URL或者锚点。如果加入target属性则会让页面在新的窗口打开,属性值一般是_blank

  • rm

表示强调,默认斜体显示

  • strong

表示包含的内容有很强的重要性,浏览器会以粗体显示内容

  • quote

表示引用

  • breakquote

块应用,有换行效果