随笔- 134 文章- 0 评论- 1 阅读- 10006

HTML+CSS学习01

今日是学习HTML+CSS的第一天，通过b站上黑马程序员学习，以下是今日学习笔记：

1.标签关系:
双标签关系可以分为两类：包换关系和并列关系。
包含关系：<head>
<title></title>
<head>
并列关系：<head></head>
<body></body>

2.基本结构标签：
<html></html> HTML标签页面中最大的标签，我们称为根标签。
<head></head> 文档的头部注意在head标签中我们必须要设置的标签是title。
<title></title> 文档的标题让页面拥有一个属于自己的网页标题。
<body></body> 文档的主题元素包含文档的所有内容，页面内容基本都是放到body里面的。

3.<!DOCTYPE>
文档类型声明，作用是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html> //声明位于文档中的最前面的位置，处于<html>标签之前。
这代码的意思是：当前页面采取的是HTML5版本来显示页面。

4.lang语言种类
用来定义当前文档显示的语言。
1.en定义语言为英语
2.zh-CN定义语言为中文
例如：<html lang="zh-CN">

5. <meta charset="UTF-8">
采取UTF-8来保存文字，如果不写就会乱码。 //写在<head> </head>中包含关系//

6.标题标签<h1>-<h6>
h为head的缩写，意为头部、标题。
标签语义：作为标题使用，并且依据重要性递减。
特点：
1.加了标签的文字会变得加粗，字号也会依次减小（h1-h6）。
2.一个标题独占一行。

7.段落标签
<p>我是一个段落标签</p>
单词paragraph的缩写，意为段落
标签语义：可以把HTML文档分割为若干个段落。
特点：
1.文本在一个段落中会根据浏览器窗口的大小自动换行。
2.段落和段落之间保有空隙。

8.换行标签
<br> or <br />
单词break的缩写，意为打断、换行。
标签语义：强制换行。
特点：
1.<br />是一个单标签。
2.<br />标签只是简单的开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。