HTML入门笔记1

_安安
131 阅读2分钟

HTML 是谁发明的

HTML的英文全称是 Hyper Text Marked Language，即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言。 Tim Berners-Lee还成立了万维网联盟（W3C），并担任万维网联盟的主席。万维网的主要工作也是围绕HTML开展。

HTML 起手应该写什么

  1. 声明文档类型
<!DOCTYPE html>
  1. html根标签,lang是language的意思
<html lang="zh-CN">
</html>
<body>
</body>
  1. 头部，包含mete标签，title标签，其中charset="utf8"是指定字符编码，content="IE=edge"是使用最新IE版本，name="viewport" content="width=device-width, initial-scale=1.0"是视口标签，宽度为设备宽度，禁止缩放，作用于移动设备。
<head>
    <mate charset="utf8">
    <mate http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页标题</title>
</head>

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

  • h1~h6 标题标签，字体从1到6逐渐变小
  • section 章节标签
  • article 文章
  • main 主要内容
  • aside 旁支内容，常用于侧边栏
  • header 头部标签
  • p 段落
  • footer 底部、脚部

全局属性有哪些

  • class="" 类名
  • contenteditable 使标签变为可编辑的
  • hidden 隐藏元素
  • id="" 页面的唯一属性（待商榷）
  • style="" 内联样式
  • tabindex=n n为正整数、0或者-1，使元素按照n的顺序被tab键选中，n为0时，为最后一个选中，n为-1时，不会被选中
  • title="内容" 当使用white-space: nowrap; overflow: hidden; text-overflow: ellipsis;使一个元素的内容溢出时显示省略号时，设置title属性，当鼠标在元素停留时，显示title的内容。

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

  • a 链接标签，当target属性为_blank时为新页面打开链接
  • strong 加粗，语义上表示包裹内容本省的重要性
  • em 强调，默认效果为倾斜，语义上表示对包裹内容进行强调
  • code 使用特殊字体，所有字母等宽，用于包裹代码
  • pre pre标签包裹的内容可以展示所有的空格和回车（html默认多个空格和回车会合并为一个空格）
  • ol+li 有序列表
  • ul+li 无序列表
  • dl+dt+dd 描述列表
  • quote和blockquote 内联引用标签和块级引用标签
avatar
文章
阅读
粉丝