1.图像标记 1.1 <img src="图像URL“/> src指定图像文件的路径和文件名,它是img标记的必需品。 1.2 文本属性 alt :在图像无法显示时告诉用户该图片的内容。 1.3 图像的宽高属性 width,height 两者不能同时使用 1.4 图像的边框的属性 border :可以为图像添加边框,设置边框的宽度,但边框颜色的调整仅仅通过HTML属性时不能通过的。 1.5 图像的边距属性 vspace 和hspace 1.6图像的对齐方式用align表示 2.相对路径和绝对路径 1.绝对路径 绝对路径一般是指带有盘符的路径
<img src="D:\html\chapter02\img\laopo.jpg"
2.绝对路径 2. 1 图像文件和html 文件位于同一文件夹:只需输入图像文件的名称即可 2.2 图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用”/“隔开 2.3图像文件位于html 文件的上一级文件夹:在文件名之前加入”../“,如果时上两级, 则需要使用 ”../../“
1.CSS样式规则 1.1选择器严格区分大小写,属性和值不区分大小写 1.2 多个属性之间必须采用英文状态下的分号隔开 1.3 CSS代码中空格时不被解析的 1.4选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
引入CSS样式表: 行内式:<标记名 style=“属性1:属性值1;属性2:属性值2;属性3:属性值3;”>内容</标记名>
内嵌式:
`<head>`
`<stype type="text/css"></head>`
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
链入式:
<head>
<link href ="CSS文件的路径" type="text/css" rel="stylesheet"/>
</head>
2.CSS基础选择器 2.1 标记选择器:标记名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
2.2 类选择器“.”后面紧跟类名 .类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
2.3 id选择器用“#”进行标识,后面紧跟id名 #id名{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
2.4 通配符选择器用“#”号表示 *{属性1:属性值1;属性2:属性值2;属性3:属性值3;}