2018-06-02笔记

Html只认标记!

 

程序开发人员:UTF-8

Windows操作系统:gb1312

 

属性:

在开始标签中写的键值对(bgcolor="red"前面bgcolor是个键,后面red是个值,叫做键值对)

 

颜色格式:

①    英文(如:red,green,blue,black)

②    16进制的代码(#CCCCCC或者#CCC!井号后面跟6位数字或者字母)

③    Rgba格式(0~255,255,255,0~1)--前3位代表3原色,最后一位表示透明度(0完全透明,1完全不透明)

 

路径:

①    绝对路径:从根开始找(从盘符开始)!

②    相对路径:从自身位置开始找!

 

同级文件夹:  ./

上级文件夹:  ../

下级文件夹:WJJ/CeShi.html

 

实体格式:

&实体格式;

如:   --空格

 

文件命名规范:

时间+名字+事件!

 

路径上不要出现中文,会在编码时出现错误,最好使用英文路径!

 

a标签:

基本格式:<a href="路径" target="打开方式">内容</a>

①    页面跳转

②    定位

1;设定锚点:在需要定位的位置,给标签加一个ID属性,就是锚点的名称!

2;定位到锚点:跳转到指定锚点!<a href="#tzYe">跳转</a>

③    下载及其他:a标签跳转到的文件,浏览器打不开,就会提供下载!

 

Img标签:

<img src="路径" alt="图片路径不对或者找不到图片,就会显示这串文字!">

示例:<img src="../MaiTian.jpg" alt="崩溃了!" width="100px" height="100px">

---width和height一般只设置一个,使图片等比例缩放!

 

点击图片跳转到百度:

<a href="http://www.baidu.com" target="_blank"><img src="../MaiTian.jpg" alt="崩溃了"></a>

点击这个图片跳转到百度,记住加上http!!!

 

Iframe标签:窗口导航,把一个网页当做另一个网页里面的内容!

<iframe src="" frameborder="0"></iframe>

 

<a href="#" target="CKtz">跳转</a>

<iframe src="CeShi.html" frameborder="0" name="CKtz"></iframe>

 

a标签和iframe组合使用,iframe设置一个name,a标签的target设置成该iframe的name!

 

Ol ul li标签:列表(一般用在导航条):

Ol和ul的内容只能放li!

 

Ol:有序列表!

Ul:无序列表!

 

<ol>

<li>淄博

<ul>

         <li>张店</li>

         <li>周村</li>

         <li>淄川</li>

</ul>

</li>

</ol>

Ol和ul的内容只能放li,而li下面可以随便放!!!

posted on 2018-06-02 15:37  Postgre叮当牛i  阅读(135)  评论(0编辑  收藏  举报

导航