HTML教程：表格行设定与基本结构解析

需积分: 34 39 浏览量更新于2024-07-12 收藏 6.07MB PPT 举报

"HTML语言教程8主要讲解了如何设定表格行的属性，并介绍了HTML的基本结构和概念。" 在HTML中，表格是由行（`<tr>`标签）和列（`<td>`或`<th>`标签）组成的。每行的属性可以通过`<tr>`标签的属性进行修饰。以下是一些常用属性的详细说明： 1. **height** - 行高：这个属性允许你设置行的高度，例如`<tr height="50">`将设置行的高度为50像素。 2. **align** - 水平对齐：`align`属性决定了行内内容的水平对齐方式，可以设置为"LEFT"（左对齐）、"CENTER"（居中）或"RIGHT"（右对齐）。 3. **valign** - 垂直对齐：`valign`属性控制行内内容的垂直对齐，可能的值包括"TOP"（顶部对齐）、"MIDDLE"（居中）、"BOTTOM"（底部对齐）和"BOTTOM"（基线对齐）。 4. **bgcolor** - 背景颜色：`bgcolor`属性用来设定行的背景颜色，如`<tr bgcolor="#0000FF">`将背景色设为蓝色。 5. **bordercolor** - 边框颜色：`bordercolor`属性定义了行边框的颜色，例如`<tr bordercolor="#FF00FF">`将边框颜色设为紫红色。 6. **bordercolorlight** - 边框亮色：在某些浏览器中，`bordercolorlight`用于定义边框的亮色部分。 7. **bordercolordark** - 边框暗色：同样，`bordercolordark`用于定义边框的暗色部分，这两个属性在现代浏览器中可能不再支持，通常使用CSS替代。了解这些属性后，我们可以更灵活地设计HTML表格的样式。然而，随着HTML5的出现，许多这些属性已经被CSS样式所取代，因为CSS提供了更强大和分离的样式控制。 HTML的基本结构包括两大部分：文档头（`<head>`）和文档体（`<body>`）。在文档头中，我们通常放置元信息，如文档标题（`<title>`），CSS样式表引用（`<link>`），以及JavaScript脚本引用（`<script>`）等。文档体则包含实际要展示的内容，如段落、图片、表格等。以下是一个简单的HTML文档示例： ```html <!DOCTYPE html> <html> <head> <title>我的第一个HTML页面</title> </head> <body> <h1>欢迎来到我的网站！</h1> <p>这是一个简单的HTML示例。</p> <img src="image.jpg" alt="示例图片"> </body> </html> ``` 在这个例子中，`<!DOCTYPE html>`声明了文档类型为HTML5，`<html>`是整个文档的根元素，`<head>`和`<body>`分别代表文档头和文档体。标题标签`<title>`用于定义浏览器标题栏显示的文本，`<h1>`是标题元素，`<p>`是段落元素，而`<img>`标签用于插入图片。 HTML文档是一个纯文本文件，可以用任何文本编辑器创建，然后通过浏览器来查看和解析。为了提高效率和准确性，可以使用HTML编辑器，如Dreamweaver或免费的Visual Studio Code等，它们通常具有代码提示和自动格式化功能。同时，浏览器（如Chrome、Firefox、Safari等）用于解析和显示HTML文档内容。

条之

粉丝: 24
资源: 2万+

HTML教程：表格行设定与基本结构解析

HTML语言教案表格属性

网页设计-表格.ppt

【小练习03】CSS-表格（table）--天气预报

HTML表格行设定教程：标签属性详解

HTML语言教程

html语言教程

HTML语言标准详细教程--电子版

HTML 语言教程 基础文档

HTML语言教程.doc

html语言教程.pdf

最新资源

HTML 语言教程基础文档