HTML入门笔记1

349 阅读2分钟

WWW&HTML的发明者——Tim Berners-Lee

蒂莫西·约翰·“蒂姆”·伯纳·李爵士(Tim Berners-Lee),万维网之父,1955年6月8日出生在英格兰伦敦西南部,英国计算机科学家,2017年获得图灵奖。

成就

  1. 1989年仲夏之夜,李爵士成功开发出世界上第一个Web服务器和第一个Web客户机。同年12月,蒂姆为他的发明正式定名为World Wide Web,即WWW。
  2. 1991年,蒂姆建立并开通第一个WWW网站
  3. 1993年,蒂姆又接连制定了URI、HTTP、HTML等的第一个规范。
  4. 1994年,蒂姆加入麻省理工学院,并成立了万维网路联盟(World Wide Web Consortium,简称W3C)。

HTML起手式

起手示例

  1. 文档类型为html
<!DOCTYPE html>   
  1. lang声明语言属性,可以把lang改为 "zh-CN"
<html lang="en">
  1. head标签,规定文档相关的配置信息
<head>
</head>
  1. charset 属性规定 HTML 文档的字符编码为UTF-8
<meta charset="UTF-8">
  1. 该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  1. 告诉IE使用最新内核
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
  1. 文档标题
<title>Document</title>
  1. 文档主体
<body>
</body>

常用的章节标签

标签 解释
h1 ~ h6 标题
section 章节
article 文章
p 段落
header 头部
footern 脚部
main 主要内容
aside 旁支内容
div 块级元素

全局属性

全局属性即所有元素都有的属性。

属性 描述
class 标签类名,可以有一个或多个类名
contenteditable               内容是否可被用户编辑
hidden 隐藏
id id是唯一的,不到万不得已不要用(多用class)
style 样式(优先级比CSS高,比JS低)
tabindex 控制元素的 tab 键次序,默认的tabindex属性为 0 ,也可取正值1,负值-1
title 鼠标悬停时显示的完整内容

常用的内容标签

属性 描述
ol+li 有序列表
ul+li 无序列表
dl+dt+dd 描述列表
pre html默认会将多个空格和换行缩进为一个,pre可以保留原来的空格和换行
hr 分割线
br 换行
a 超链接
em 表示语气强调
strong 表示内容本身的强调
code 被包裹住的代码显示等宽字体
quote 引用
blockquote 带有缩进的引用