19.11.18课堂笔记(html+css)
img
src="" src是标签的属性 等号右边是属性值 属性值就是图片的路径。
路径
1.绝对路径:按照一个路径能查找到,具体到某一个盘符下,某一个文件夹内。
2.相对路径:相对当前页面,以当前页面为参考物,查找。
同级目录:--- ./ ( / 代表目录关系 )
上级目录:--- ../
标签的属性
书写规范:属性等于属性值。属性必须带双引号""
"" 双引号
" 单引号
<img src="资源" alt="说明"/>
src 这个属性具有对外请求资源的功能。资源:图片,文档,txt,样式,视频,音乐等等。
alt 这个属性当图片加载不出来的一种说明。
p段落标签
<p></p>
<p>他是惟一一个可也不写结束标签的双标签。
a 超链接标签
从一个页面链接到另一个页面。靠的是href
src和href有什么区别和关联?
1.都是标签的属性
2.href 叫标识超文本引用,让引用的文件建立一种联系。
3.src 叫资源引用,将引用的文件拿来直接使用了。
targer 属性
_self 默认值,讲原有的网页覆盖掉
_blank 重新打开一个窗口
meta 元信息标签:
提供有关页面的元信息
<meta charset="utf-8"/>
该网页的编程格式是uft-8 不设置这个格式汉字会出现乱码
<meta name="keyword" content""/>
网页搜索的关键字,主要用在搜索引擎
<meta name="Description" content""/>
申请官网使用
标签的别名:
1.官方提供的标签名
2.类名:用class属性起的名字
3.id名:用id属性起的名字 唯一的!
我们把这种起名叫选择器 class选择器,id选择器,标签选择器
style标签
给标签添加样式
1.位置在head标签之间
2.书写格式:
选择器 name{
样式属性:样式属性值
}
选择器的使用规则
1.标签选择器 直接使用标签名就OK
2.class选择器 需要在名字前加.
3.id选择器 需要在名字前加#
常见的css属性:
1.决定字体的属性
color —— 颜色 属性值:颜色单词,,十六进制的颜色代码——#333
RGB() r代表red g代表green b表示blue
RGB 中的值 0-255 之间的任意数字
2.字体大小
font-size:88px;属性值是整数字,不可以带小数,单位叫像素(px) 像素单位。凡是由像素拼成的图,我们叫做位图。
不是由像素拼成的图,叫做矢量图。
位图放大会模糊
矢量图不会模糊
谷歌浏览器默认大小是16px,最小12px 火狐最小字体是10px
3.字体样式
font-family 字体系列,字型
属性值”微软雅黑“
4. font-style字体样式
font-weight 字体加粗
font-italic 字体倾斜
norma 默认值 标准的字体
5.属性值 normal==400 400以下是细 400以上是粗
6.font-variant
属性值 normal 默认 small-caps 改大写
注意:
注意:
w3c标签嵌套标准
命名规范:
1.不能用汉字命名
2.不能以数字打头
浙公网安备 33010602011771号