HTML基础知识

1.HTML中的name标签

<a name="label">锚（显示在页面上的文本）</a>

锚的名称可以是任何你喜欢的名字。

您可以使用 id 属性来替代 name 属性，命名锚同样有效。

一开始我没有理解直到看到例子:

<a name="tips">基本</a>
<a href="#tips">有用的提示</a>

只要点击"有用的提示"就会定到位到网页中的文本"基本",这就是为什么name是"锚"的原因

---

 2.HTML中的图像

<p>
<img src="boat.gif图像路径可以是名称" alt="Big Boat" width="图像宽度"hight="图像高度"/>
<img src="url可以是网页"/>
</p>

boat.gif图像位于images目录中 

图像补充

<img>   定义图像。

<map>  定义图像地图。

<area>  定义图像地图中的可点击区域。

---

3.HTML中的表格标签<table>  

基本要点

1.<table>的行标签<tr>

2.<table>的单元格标签<td>

3.空单元格&nbsp

4.<h>标签可以增加表格标题

5.跨行表格<th rowspan="2"></th>跨俩行注意不要忘记</th>

6.<li></li>无序标题

7.<ul></ul>有序标签

<table>属性

1.border=""

在 HTML 中，border 是一个用于设置元素边框的属性。你可以使用 border 属性来定义元素边框的样式、宽度和颜色。

通常，border 属性的值由三个部分组成：边框宽度、边框样式和边框颜色。它们之间使用空格或斜杠进行分隔。例如：

<div style="border: 1px solid red;">这是一个带有红色实线边框的 div 元素。</div>

 

在上面的例子中，border 属性的值为 1px solid red。其中，1px 表示边框宽度为 1 像素，solid 表示边框样式为实线，red 表示边框颜色为红色。

如果你想要移除元素的边框，可以将 border 属性的值设置为空字符串（""）或者使用 CSS 的 border: none;。

需要注意的是，border 属性通常直接在 CSS 样式表中使用，而不是直接在 HTML 元素的属性中使用。上述示例中使用了内联样式（style 属性），但建议将样式定义放置在 <style> 标签或外部 CSS 文件中。

2.cellpadding= " " 控制单元格大小

在 HTML 表格中，cellpadding 是一个用于设置单元格内边距的属性。它定义了单元格内容与单元格边框之间的空白区域大小。

你可以使用 cellpadding 属性来控制单元格内边距的大小。属性值可以是一个非负整数，表示以像素为单位的边距大小。例如：

<table cellpadding="10">
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
    <td>单元格 4</td>
  </tr>
</table>

 

在上面的例子中，cellpadding 属性的值为 10，表示每个单元格的内边距为 10 像素。这将在单元格内容和单元格边框之间创建一个 10 像素的空白区域。

需要注意的是，cellpadding 属性已经被 HTML5 废弃，而且其效果也可以通过 CSS 来实现。推荐使用样式表中的 CSS 属性 padding 来控制单元格的内边距，例如：

<style>
  td {
    padding: 10px;
  }
</style>

这样，所有的 <td> 元素（即表格单元格）都会具有 10 像素的内边距。

3.cellspacing="" 控制间隔

在 HTML 表格中，cellspacing 是一个用于设置单元格间距的属性。它定义了相邻单元格之间的空白区域大小。

你可以使用 cellspacing 属性来控制单元格之间的间距大小。属性值可以是一个非负整数，表示以像素为单位的间距大小。例如：

<table cellspacing="10">
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
    <td>单元格 4</td>
  </tr>
</table>

在上面的例子中，cellspacing 属性的值为 10，表示相邻单元格之间的间距为 10 像素。这将在单元格边框之间创建一个 10 像素的空白区域。

需要注意的是，cellspacing 属性已经被 HTML5 废弃，而且其效果也可以通过 CSS 来实现。推荐使用样式表中的 CSS 属性 border-spacing 来控制单元格间距，例如：

<style>
  table {
    border-spacing: 10px;
  }
</style>

这样，所有的 <table> 元素（即表格）都会具有 10 像素的单元格间距。

4.bgcolor=""表格背景

在 HTML 表格中，可以使用 bgcolor 属性来设置表格的背景颜色。该属性用于设置整个表格的背景颜色，而不是单个单元格的背景颜色。

你可以将 bgcolor 属性添加到 <table> 标签中，并设置属性值为所需的颜色值。颜色值可以是十六进制值（如 "#RRGGBB"），RGB 值（如 "rgb(红, 绿, 蓝)"）或预定义的颜色名称。

例如，要将表格的背景颜色设置为红色，可以这样写：

<table bgcolor="red">
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
    <td>单元格 4</td>
  </tr>
</table>

上述代码会将整个表格的背景颜色设置为红色。

需要注意的是，bgcolor 属性已经被 HTML5 废弃，而且推荐使用 CSS 来设置表格的背景颜色。你可以在样式表中使用 background-color 属性来达到相同的效果，例如：

<style>
  table {
    background-color: red;
  }
</style>

<table>
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
    <td>单元格 4</td>
  </tr>
</table>

这样，整个表格的背景颜色将会设置为红色。

5.background=""背景图片

在 HTML 表格中，可以使用 `background` 属性设置表格的背景图片。该属性用于将图片作为整个表格的背景。

你可以将 `background` 属性添加到 `<table>` 标签中，并设置属性值为所需的图片路径。路径可以是图片文件的相对路径或绝对路径。

例如，要将表格的背景设置为名为 "table-background.jpg" 的图片，可以这样写：

<table background="table-background.jpg">
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
    <td>单元格 4</td>
  </tr>
</table>

上述代码会将指定的图片作为整个表格的背景。

需要注意的是，`background` 属性也已经被 HTML5 废弃，而且强烈推荐使用 CSS 来设置表格的背景图片。你可以在样式表中使用 `background-image` 属性来达到相同的效果，例如：

<style>
  table {
    background-image: url("table-background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
</style>

<table>
  <tr>
    <td>单元格 1</td>
    <td>单元格 2</td>
  </tr>
  <tr>
    <td>单元格 3</td>
    <td>单元格 4</td>
  </tr>
</table>

这样，指定的图片将作为表格的背景，并且使用 CSS 的属性来控制背景图片的重复方式和缩放方式。在上面的例子中，`background-repeat: no-repeat;` 表示不重复背景图片，而 `background-size: cover;` 则表示将背景图片自动缩放以覆盖整个表格区域。

ok今天就到这里