HTML基本代码教学，第二天

                                                                    HTML

咱们今天来看一下咱们这HTML能做些什么，例如下图（最低级的小实验）

/>a>
6 td>
7 <td width="350px" height="100px"> td>
8 tr>
9
10
11 <tr>
12 <td width="350px" height="100px"> td>
13 <td width="350px" height="100px">
14
15 <a href="http://www.baodu.com">这是文字的跳转超链接a>
16
17 td>
18
19 tr>
20
21
22
23 table>

截至到这里，大家可以猜想一下，以上代码会出现什么问题，动动脑子，插入这张带有链接得图片后，网页上的呈现效果回是什么样子

width="100%" height="100%"/>a>
6 td>
7 <td width="350px" height="100px"> td>
8 tr>
9
10
11 <tr>
12 <td width="350px" height="100px"> td>
13 <td width="350px" height="100px">
14
15 <a href="http://www.baodu.com">这是文字的跳转超链接a>
16
17 td>
18
19 tr>
20
21
22
23 table>

是的，你没有看错，可以用百分比来给宽、高赋值，但是还是按照px（像素）来计算

 

title="枫叶" width="100%" height="100%"/>

alt="图片加载失败！" width="100%" height="100%"/

上面的代码已经把图片的地址修改成错误地址了，也就说程序找不到原图片了

alt="图片加载失败！" width="100%" height="100%"/>a>
6 td>
7 <td width="350px" height="100px"><a href="../Hell.txt">点击打开Hello.txta> td>
8 tr>
9
10
11 <tr>
12 <td width="350px" height="100px">
13
14
15 <a href="../补刀技巧.docx">点击下载补刀技巧.docxa>
16
17
18 td>
19 <td width="350px" height="100px">
20
21 <a href="http://www.baodu.com" target="new">这是文字的跳转超链接a>
22
23 td>
24
25 tr>
26
27
28
29 table>

呈现效果如下

 

点击打开Hello.txt，呈现效果如下

下图是Hello.txt里面得内容

一次不差

 

咱们再来看下HTML是怎么打开  .doc这些文件的

创建一个.docx文件，如下

继续

点击下载补刀技巧.docx，会出现以下打开方式

对，是通过下载的方式来打开的

 

 

好，今天的课程咱们先讲到这里，新的HTML内容明天再讲