HTML入门笔记1

1.html是蒂姆·伯纳斯·李(Tim Berners-Lee)1990年发明的;

2.html基本组成:

//告知文档类型,告知浏览器文档为html
<!DOCTYPE html> 
//页面语言格式为中文
<html lang="zh-CN">
//规定页面的字符编码格式为utf-8
<meta charset="utf-8">
//标题
<title></title>
//视口宽度为设备宽度,页面初始化时缩放比例为1.0
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>
</body>
</html>

3. 常用的章节标签:

h1-h6:标题标签,标题层级递减,默认样式有加粗、外边距和内边距
p:表示段落,默认样式外边距
div:任意内容容器,无默认样式
section:语义化标签,表示一段章节,无默认样式,属于
article:语义化标签,表示独立的内容结构,无默认样式
nav:语义化标签,表示导航条
main:语义化标签,表示文档主要内容部分,无默认样式
aside:语义化标签,表示文档非主要内容部分,常用于侧栏
header: 语义化标签,表示文档头部部分
footer:语义化标签,表示文档尾部部分

4. 常用的内容标签:

ol+li:ordered list 有序列表
ul+li:unordered list 无序列表
dl+dt+dd:description list 描述列表
pre:保留html文档中的空格、tab和回车
hr:分割线,无闭合
br:换行标签,无闭合
a:超链接,有href属性表示链接地址,target属性表示打开链接地址的方式
em:强调标签,主要是语气上的强调,字体样式有改变
strong: 强调标签,主要是本质上的强调,有加粗效果
code:代码标签,主要用来存放代码,样式为代码标准的样式
q: 引用,无样式改变,行内元素
blockquote:引用,无样式改变,块级元素

5. 全局属性,标签都具有的属性

class 类名
id 标识元素为唯一的,但是并没有强制约束为唯一
style 元素行内样式
tabindex 使用tab键聚焦,值为正数时,随数值增大而依次滞后聚焦;值为0时,表示最后聚焦;值为负数表示不聚焦
title 鼠标停留在元素上时显示的内容
contenteditable 元素可编辑,布尔属性,存在即为true,反之为false
hidden 隐藏元素,布尔属性,同上
posted @ 2020-11-20 18:25  时间观测者  阅读(36)  评论(0编辑  收藏  举报