9.16 web

标题排版：

 

图片标签:<img>  三个属性：
src:指定图像的ur1(绝对路径相对路径)

width:图像的宽度(像素/相对于素的百分比)

height:图像的高度(像素 /相对于素的百分比)

 

ctrl + shift + /  ：快捷抽取成注释

 

1.标题标签
标签:  <h1>...</h1> (h1- h6 重要程度依次降低)

注意:HTML标签都是预定义好的，不能自己随意定义。
2.水平线标签   <hr>
3.图片标签<img src="..." width="..." height="..">
绝对路径:绝对磁盘路径(D:/xxxx)、绝对网络路径(https://xxxx)

相对路径:从当前文件开始查找。(./ : 当前目录，   ../ : 上级目录)

 

标题样式：

CSS样式控制字体样式，

CSS引入方式：
行内样式: 写在标签的style属性中 (不推荐)

eg：<h1 style = "xxx:xxx ; xxx:xxx; " >……</h1>

                           属性名：属性值；   多个属性之间用分号；隔开

内嵌样式: 写在style标签中  (可以写在页面任何位置，但通常约定写在head标签中）

eg：<style>

             h1{

                    xxx:xxx;

                    xxx:xxx;

                  }

       </style>

外联样式: 写在一个单独的.css文件中  (需要通过 link 标签在网页中引入)

eg：定义在文件中：（样式复用）

             h1{

                    xxx:xxx;                    调用时：

                    xxx:xxx;  　　　　　　<link rel  = " stylesheet "  href = "css / new.css(路径)">

                 }

 

颜色表示形式:
表示方式　　　　　　               表示含义　　　　　　　　　　　　　　　　　取值
关键字　　　　　　    预定义的颜色名　　　　　　　　　　　　　　red、green、blue...
rgb表示法　　　　  　红绿蓝三原色，每项取值范围: -255　　　　　  rgb(0,8,@)、rgb(255,255,255)、rgb(255,@,@)
十六进制表示法　　    #开头，将数字转换成十六进制表示　　　　　  #909939、#ff08、#cccccc，简写: #8、#ccc