学习目标：
前端基础知识
学习内容：
html和css
学习时间：
2022年1月15日——2022年1月23日
学习产出：
HTML
一、概述
1、什么是 HTML：超文本标记语言，使用一对尖括号括起来，实现特殊的效果定义，用于编写网页（后缀为.html、.htm的文件）
2、HTML是一种解释性的语言：代码错误，试图解释，造成不可预料的奇怪效果
编译性的语言：后台代码
解释性的语言：不检查错误 -----使用浏览器调试找错误
二、基础语法
1、双标记：有开始也有结束标记，比如
<html>aaa</html>
2、单标记：只有开始标记
<br> 或者 <br />
-----标记可以嵌套，形成复杂的页面，注意嵌套的顺序
-----不区分大小写，严格区分中英文字符
3、属性：定义在开始标记里，用空格隔开，属性名=“属性值”，多个属性，之间依然用空格隔开
4、html页面的标准格式
<!DOCTYPE .....>---文档类型声明
<html>
<head></head>---标题，开头框
<body></body>---页面内容
</html>
5、head里：文档头，用于包含那些为页面进行整体定义的内容
title：页面的标题
meta：元数据，定义页面的编码格式、缓存、搜索关键字等…
<meta http-equiv="refresh" content="5" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="keywords" content="CSS3,JavaScript"/>
—增加页面被搜搜到的概率
6、添加注释：为代码添加一些描述性的说明信息，提高代码的可阅读性、可维护度
三、文本
1、能够在页面上显示的文本内容：普通文本、标记文本
2、普通文本：直接书写直接显示
空格折叠的现象：将编辑时候的多个空格和多个换行，合成一个空格展示
特殊字符：有特定意义的字符、键盘无法录入的------使用“字符实体”替代
< 表示 < less than > 表示 > greater than
3、<h1>-<h6>
<h1>---标题文本（大字体、加粗、独占一行，行间距）,常用于页面上的突出显示的文本。<h2>---<h6>也是标题
从上到下字体依次减小，重要程度依次减小。
4、<p></p>—段落，被它所包含的文本，自成一个段落，且拥有行间距
5、<br />--换行，相当于回车符
6、<b></b>–加粗显示；
<i></i>–斜体显示；
<u></u>–下划线显示
7、<div></div>—内容独占一行，不会带来其他效果，常用于页面内容的分组，实现特定的样式定义
8、<span></span>—常用于标出一行中的某些文本，定义特定的样式
五、表格
1、用于显示网格数据、页面的简单布局
2、表格的相关标记：tr:table row–表行；td:table defination—单元格
3、常用属性
Caption：表格标题 border：边框
width和height：设置给table，行和列的尺寸，自适应；也可设置给td
align：水平方向上的对齐 left/center/right
valign：垂直方向上的对齐 top/middle/bottom
六、列表
1、有序列表 <ol><li></li></ol>
〈ul〉（只能放〈li〉）
〈li〉（可容纳所有元素）
2、无序列表 <ul><li></li></ul>
3341
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
