• WEB概述

    1 简要描述标准 HTML 文档的结构。

    参考答案：

    HTML 文档的开始需要版本声明，剩下的页面内容需要包含在开始标记<html>和结束标记</html>之间。在<html>元素中，包含两个主要的部分，文件头部分（<head>元素）和主体部分（<body>元素）。标准HTML文档的结构如下所示：

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. </head>
    5. <body>
    6. </body>
    7. </html>

    2 简要描述行内元素和块级元素的区别。

    参考答案

    块级元素的前后都会自动换行，如同存在换行符一样。默认情况下，块级元素会独占一行。例如，<p>、<hn>、<div>都是块级元素。在显示这些元素中间的文本时，都将从新行中开始显示，其后的内容也将在新行中显示。

    行内元素可以和其他行内元素位于同一行，在浏览器中显示时不会换行。例如，<a>、<span>等。

    我们可以这样理解：如果元素是块级的，则总是在新行上显示，好比是书中的一个新段落；而元素如果是行内的，那么只能在当前行中显示，就像是段落中的一个单词。

    因此，块级元素常用来构建网页上比较大的结构，用于包含其他块级元素、行内元素和文本；而行内元素一般只能包含其他行内元素和文本。

    3 锚点的作用是什么？如何创建锚点？

    参考答案

    锚点是文档中某行的一个记号，类似于书签，用于链接到文档中的某个位置。当定义了锚点后，我们可以创建直接跳至该锚点（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

    在使用<a>元素创建锚点时，需要使用 name 属性为其命名，代码如下所示：

    1. <a name=”anchorname1”>锚点一</a>

    然后就可以创建链接，直接跳转到锚点，代码如下所示：

    1. <a href=”#anchorname1”>回到锚点一</a>

    4 创建如下图所示的表格。

    图－1

    参考答案

    此案例主要练习不规则表格的定义和使用。分析图－1可以看出，表格一共有三行，其中：

    第一行：有两个单元格，分别为 a（横向合并两列）和 b（纵向合并两行）；

    第二行：有两个单元格，分别为 c（纵向合并两行）和 d；

    第三行：只有一个单元格，为 e（横向合并两列）。

    由此可见，只需要按照行列结构创建表格即可。实现此案例需要按照如下步骤进行。

    步骤一：创建文件

    首先创建一个纯文本文件，并修改名称为 01_table.html；

    步骤二：创建 html 文档的结构

    使用文本编辑工具，打开上一步中所创建的文件。

    在此文件中，添加 HTML 代码，以创建一个标准结构的 HTML 文档（使用过渡型文档类型声明）。代码如下所示：

     
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. </head>
    5. <body>
    6. </body>
    7. </html>

    步骤三：设置头部内容

    为<head>元素添加内容，为创建的 HTML 文档添加文档标题，并设置文档的编码格式。代码如下所示：

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>table</title>
    6. </head>
    7. <body>
    8. </body>
    9. </html>

    步骤四：创建表格

    为<body>元素添加内容，创建表格，并通过设置<td>元素的 colspan 或者 rowspan 属性设置单元格的横向合并或者纵向合并。

    为了提高页面的美观性，设置了表格的边框，并适当设置表格的高度和宽度。代码如下所示：

     
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>table</title>
    6. </head>
    7. <body>
    8. <table width="200" height="200" border="1">
    9. <tr>
    10. <td colspan="2">a</td>
    11. <td rowspan="2">b</td>
    12. </tr>
    13. <tr>
    14. <td rowspan="2">c</td>
    15. <td>d</td>
    16. </tr>
    17. <tr>
    18. <td colspan="2">e</td>
    19. </tr>
    20. </table>
    21. </body>
    22. </html>
  • 相关阅读:
    李彦宏:创业成功五招即可
    JS无聊之作——换肤切换样式
    从3个科技公司里学到的57条经验（转载）
    早该知道的7个JavaScript技巧
    ASP.NET Cookie 概述
    曝光SEO高手藏在内心的SEO秘籍
    18种最实用的网站推广方法大全
    javascript的IE和Firefox兼容性问题
    增加反向链接的35个技巧
    常用JS片段
  • 原文地址：https://www.cnblogs.com/xyk1987/p/8331036.html
Copyright © 2020-2023  润新知