html2

最新推荐文章于 2021-12-30 16:25:58 发布

顾知白

最新推荐文章于 2021-12-30 16:25:58 发布

阅读量233

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/GuZhiBai/article/details/102551982

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

今日任务：
1．补充html常用的标签(锚链接（a标签的一种扩展），图像)
2. 表格学习----（练习）

在这里插入图片描述

<ul>
<li><a href="www.xinlang.com">新浪</a></li>
<li><a href="www.souhu.com">搜狐</a></li>
<li><a href="www.wangyi.com">网易</a></li>
</ul>

2.锚链接的使用
 当网页的内容比较长时，有时需要链接到网页的某一个位置上**(当前页面定位**)，此时需要使用锚链接。
 使用锚连接需要先定义锚点，将希望链接到的网页的位置定义为锚点，并为其取名。然后将锚点前加**“#”**作为超级链接的href值即可，
在这里插入图片描述
代码：

<a name="head"></a>
<a href="#foot">至页尾</a>
<p>第1章</p>
<p>第2章</p>
<p>第3章</p>
<p>第4章</p>
<p>第5章</p>
<p>第6章</p>
<p>第7章</p>
<p>第8章</p>
<p>第9章</p>
<p>第10章</p>
<p>第11章</p>
<p>第12章</p>
<p>第13章</p>
<p>第14章</p>
<p>第15章</p>
<p>第16章</p>
<a name="foot"></a>
<a href="#head">至页首</a>

图像
 图像也是网页的重要组成元素之一，可以使用标签在网页中嵌入图像，并设置图像的属性。其格式如下：
 <imgsrc=“…” alt=“…” height=“…” width=“…” />
其中，src属性和alt属性是必需的。
 src属性指的是引用图像的URL，一般使用相对路径；
 alt指的是图像的替代文本；
 height指的是图像的高度；
width指的是图像的宽度

相对路径和绝对路径区别：

绝对路径：指目录下的绝对位置，直接达到的目标位置。
Eg：E:\mt\四川文化产业职业学院-课程\2019下半年资料\images\404.jpg
相对路径：指当前文件的路径引起的跟其他文件的路径关系。

如果当前文件和其他文件在同一个目录下面。直接访问其他文件的文件名即可
…/ : 跳到上一目录
如果其他文件和当前文件不在同一个目录，那么需要 “…/” 跳转到其他文件的目录下，再来进行访问。

相对路径的好处：
因为我们开发网站的时候，一般在本地电脑上开发，测试完成后，放到服务器上（另一个电脑），如果用绝对路径可能显示不出来（原因是，有可能服务器上根本没有本地电脑上的盘），所以，一般牵扯，当前文件和其他文件的连接时候，我们都用相对路径。这样可以避免文件找不到的问题。

小结：

 Web主要包括超文本传输协议（HTTP）、统一资源定位符（URL）以及超文本标记语言（HTML）。
 HTTP是客户端和服务器端信息交互的网络协议；URL是网络上的资源的唯一的标识符，即俗称的网址；
 HTML是用于描述网页文档的标记语言。HTML文档即普通的静态网页，它由head和body两部分组成。
 HTML包含许多标签元素，主要有、

、
、

、
1. 、、等。通过设置标签的相关属性可以控制元素在网页中的显示样式。
   文本、图像、超级链接是网页的三类基本元素。

表格
表格可以使网页上显示的文字更加整齐，有条理。表格还可以实现网页的布局
 一个完整的表格由一对<table>标签来定义。
 每个表格均有若干个单元行（由一对<tr>标签定义）
 组成。 (行 row)
 每个单元行由若干个单元格（由一对<td>标签定义）组成。
 表格内的具体信息放置在单元格中。
 单元格可以包含文本、图像、列表、段落、表单、水平线以及表格等。

语法：

<table>
  <tr>
    <td>单元格内容</td>
    <td>单元格内容</td>
    …
  </tr>
  …
</table>

在这里插入图片描述
<thead>、<tbody>、<tfoot>标签

 从结构上来看，表格可以分成表头、主体和表尾三个部分，分别使用<thead>、<tbody>、<tfoot>标签来表示。
 表头和表尾一张表格只能有一个，而一张表格可以有多个主体。
 对于大型的表格来说，应该使<tfoot>出现在<tbody>的前面，这样浏览器在显示数据时，有利于加快表格的显示速度。另外，<thead>、<tbody>、<tfoot>标签内部都必须使用标签。
 使用<thead>、<tbody>、<tfoot>对表格进行结构划分的好处是可以先显示的内容，而不必等整个表格下载完成后才能显示。
 无论<thead>、<tbody>、<tfoot>的顺序如何改变，<thead>的内容总是在表的最前面，<tfoot>的内容总是在表的最后面。