47 王博
王博作业
一、问题：
1.基本的HTML5文档的格式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
基本文档中的5对标记的关系
（html、head、meta、title、body）
包含关系：
①<html>是根标签，包含<head>和<body>这两个子标签。
②<head>包含<meta>和<title>这两个子标签。
二、HTML、CSS两者的关系
（1）通过外部样式文件，设置网页的背景颜色为红色
应用场景：定义项目中80%以上的通用样式
<link rel="stylesheet" type="text/css" href="css/xx.css"/>
（2）通过内部样式文件，定义
应用场景：定义本文件内部使用的样式
//<style type="text/css">
//
//</style>
（3）行内样式，内联样式
//<h1 style="color: #fff;">我是用内部样式定义的标题一</h1>
以上三种定义样式方法的权重，从大到小依次为：
行内>内部>外部
三、行内样式和属性之间的关系
行内样式
标签 style="XX"
属性
标签 属性=“YY”
3月20日
脉络梳理
1. 新建项目，项目名称mySite，路径D盘根目录下。
2. 新建样式文件，名称为style.css，并通过外部引入到主页中。
3. 主页中，插入标题一、标题二和一个段落，内容自拟
4. 设置页面背景色为淡蓝色，标题一和标题二文本颜色为橙色，段落文本颜色为红色
5. 新建子页，子页背景色和主页背景色一致
文本控制标记
文本对于图像的优势和劣势
优势：①表达语义清晰准确
②占用体积小
劣势：①视觉表现力弱
②信息承载效率低
③感官体验单一
浙公网安备 33010602011771号