6.2 HTML控制标签格式

属性

在开始标签中写的键值对

颜色

1、英文

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

3、Rgba（0~255,255,255,0~1）

路径

1、绝对路径

从根开始找

E:WorkSpacePHPWorkSpace20180601code20180602elementwjjaa.html

2、相对路径

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

Wjjaa.html

./ 同级文件夹可省略

../ 上级文件夹

./Wjj/ 下一级

实体

&实体符号；

常用 &nbsp；

课间小作业

<!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>

先到这把！加油！！