6.2 HTML控制标签格式

属性

在开始标签中写的键值对

颜色

1、  英文

2、16进制代码   例如:#cccccc  #ccc  #000000

3、Rgba(0~255,255,255,0~1)

路径

1、绝对路径

从根开始找

E:\WorkSpace\PHPWorkSpace\20180601\code\20180602element\wjj\aa.html

2、相对路径

从自身位置开始找  自身叫index.html

Wjj\aa.html

./   同级文件夹 可省略

../   上级文件夹

./Wjj/  下一级

实体

&实体符号;

 

常用    

课间小作业

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.w{ text-align:center; font-size:16px;}
#q{ text-align:center; font-size:20px; font}

</style>
</head>

<body>


<p id="q">平生不会相思,才会相思,便害相思。</p>
 <p align="center">出自元代<span style="color:#09F">徐再思 </span>的《<span style="color:#09F">折桂令·春情</span></p>
 
 
 <p class="w" style="color:red">平生不会相思,才会相思,便害相思。</p>
 
 <p class="w">身似浮云,心如飞絮,气若游丝。</p>
 <p class="w">空一缕余香再此,盼千金游子何之。</p>
 <p class="w">证候来时,正是何时?灯半昏时,月半明时。</p>





</body>
</html>

 

运行结果如下

所遇问题

1、文件发送要标记时间姓名所含内容

2、页面做成英文路径务必不含中文

3、格式缩进要注意

 

 

 

图片跳转网页实现

代码:

 

运行结果:

 

 

 

 OL组合标签包含子标签

 

运行结果:

 点击图片下载该图片的压缩包

如图;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ZuoYe1</title>
</head>

<body>
/*点击图片下载该图片的压缩包!*/


<a href="../MaiTian.zip" target="_blank"><img src="../MaiTian.jpg" alt="崩溃了!" width="300px"></a>

</body>
</html>

 

 

 

 先到这把!加油!!

posted @ 2018-06-02 16:24  文昭  阅读(204)  评论(0编辑  收藏  举报