------------恢复内容开始------------
------------恢复内容开始------------
本月任务，搭建静态网页
静态页面：不需要网络请就可以看到的页面叫静态页面存在本地。
动态页面：需要网络请求才能看到的页面叫动态页面，存在服务器上。
网页运行环境
浏览器 客户端
文件的种类
1.文本文件.txt
2.应用程序文件.exe
3.word 文件.docx
4.excel 文件 .cls
5.ppt 文件 ppt 6. 网页文件.html
网页的搭建
1 靠标签
2.网页的美化
靠样式
html 全名是超文本标记语言 ，hyper text mark language
html 标签的结构
<p>:<+和标签名p+>结合而成 每个标签都有自己的结束标签</p>
双标签：有开始和结束的标签叫双标签。<p></p>
单标签：没有结束标签。<meta\'/>也叫空标签。
<html></html>根节点
<head></head>头部标签
<title></title>标题标签
<body></body>身体标签
1.标题标签 h1-h6 由大到小 双标签
2.p段落标签
3.a 超链接标签 双标签
4.<img>图片标签 单标签
注意
父子标签：子标签要向后缩进（按tab键缩进）
Img
src=”” src是标签的属性 等号右边是属性值。就是图片的路径。
路径
- 绝对路径:按照一个路径能找到，具体到某一个盘符下，某一个文件夹内。
- 相对路径:以当前页面为参考物，去查找。
同级目录: ./
上一级目录: ../
标签的属性
书写规范:属性=”属性值”
“” 双引号
‘’ 单引号
Src 这个属性具有对外请求资源的功能。资源:图片，文档，样式，视频，音乐等等
Alt 这个属性当图片加载不出，一种对图片解释说明的。
P段落标签
<p></p>
1.他是唯一一个可以不写结束标签的双标签。
a 超链接标签
从一个页面链接到另一个页面。靠的是href属性
Src和href有什么区别和关联？
- 都是标签的属性
- Href 叫标识超文本引用 让引用的文件和当前文件建立一种联系。
- Src 叫资源引用 将引用的文件拿来直接使用了。
target属性
_self 默认值 将原有的覆盖
_blank 重新打开一个窗口
Meta标签
提供有关页面的元信息。
<meta charset=”utf-8”/>
该网页的编码格式是utf-8格式 不设置这个格式汉字会出现乱码
<meta name=”keywords” content=””/>
该网页搜索的关键字 主要用在搜索引擎。
<meta name="Description" content=""/>
申请官网使用的。
标签的起名
- 官方提供的标签名
- 类名: 用class属性起的名字
- Id名: 用id属性起的名字 唯一的
我们把这种起名叫选择器 class选择器 id选择器 标签选择器
Style标签
给标签添加样式。
- 位置在head标签之间
- 书写格式
选择器name{
样式属性:样式属性值;
}
选择器的使用规则
- 标签选择器 直接使用标签名就ok
- Class选择器 需要在名字的前面加 .
- Id选择器 需要在名字的前面加 #
常用的css属性
- 决定字体的属性
color 字体颜色 属性值:颜色单词 颜色16进制标示方法#fffffff;
rgb() r代表red g代表green b代表blue
Rgb中的值 0-255之间的任意数字
2.字体大小
font-size:12px; 属性值是整数字，不要带小数，单位是px 叫像素单位。凡是有像素拼成的图我们叫位图。不是又像素拼成的图 矢量图。
位图放大了会模糊，矢量图放大了不会模糊。
chrome浏览器默认字体大小是16px，最小字体是12px，火狐浏览器最小字体是10px。
2019-11-15
------------恢复内容结束------------
------------恢复内容结束------------
------------恢复内容结束------------