HTML标签详解：结构与样式定义

需积分: 14 8 浏览量更新于2024-10-05 收藏 102KB DOC 举报

"这篇文档详细介绍了HTML中的结构定义标签，包括如何定义页面结构、设置文本样式和创建表格等。HTML是网页设计的基础语言，通过这些标签可以构建出具有层次感和丰富样式的网页内容。" 在HTML中，结构定义是非常关键的一部分，它决定了网页的基本布局和内容呈现方式。首先，文档的结构由`<html>`、`<head>`和`<body>`标签组成。`<html>`是整个HTML文档的根元素，`<head>`包含了文档的元信息，如标题`<title>`，而`<body>`则包含网页的实际内容。标题标签`<h1>`到`<h6>`用于设置不同级别的标题，其中`<h1>`最大，`<h6>`最小，它们在网页中通常用于组织内容的层次结构。字体变化可以通过`<font>`标签来实现，其中`size`属性可以调整字体大小，`face`属性可以指定字体类型，`color`属性通过十六进制颜色代码定义文字颜色。 HTML表格由`<table>`标签创建，单元格`<td>`定义了表格内的数据。`<meta>`标签用于提供文档的元信息，例如设置页面刷新频率或跳转到其他URL。`<isindex>`标签可以创建简单的查询输入框，而`<base>`标签用于设置页面的基准URL，影响所有相对链接的行为。文本样式方面，`<small>`和`<big>`用于设置小字体和大字体，`<b>`和`<i>`分别用于加粗和斜体，`<tt>`呈现打字机字体，`<u>`添加下划线，`<strike>`划掉文本，`<sub>`和`<sup>`用于下标和上标，`<blink>`创建闪烁效果，虽然不常用，但仍在某些浏览器中支持。`<br>`标签用于换行，`<p>`定义段落，`<p align="#">`可以设置段落的对齐方式，`<hr>`则创建水平分隔线，可以通过`size`属性调整其宽度。此外，还有一些其他标签和属性没有在这篇摘要中提及，例如列表`<ul>`、`<ol>`和`<li>`，链接`<a>`，图像`<img>`，以及其他容器标签如`<div>`和`<span>`等，它们共同构成了HTML的丰富语法体系，为创建动态和交互性的网页提供了基础。理解并熟练运用这些标签是每个前端开发者必备的技能。

＜img src="高解析度图形文件名" lowsrc="低解析度图形文件名"＞ P.S.两个图的图形大小

最好一致

7.影像地图（Image Map）＜img src="图形文件名" usemap="#图的名称"＞＜map

name="图的名称"＞

＜area shape=形状 coords=区域座标列表 href="连结点之 URL"＞

＜area shape=形状 coords=区域座标列表 href="连结点之 URL"＞＜/map＞

【1】定义形状 -- shape

shape=rect：矩形 shape=circle：圆形 shape=poly：多边形

【2】定义区域 -- coords

a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

例：＜area shape=rect coords=100,50,200,75 href="URL"＞

b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度

例：＜area shape=circle coords=85,155,30 href="URL"＞

c.任意图形（多边形）：将图形之每一转折点座标依序填入

例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78

href="URL"＞

表格

1.定义表格＜table＞..........＜/table＞

【1】设定边框的厚度 -- border

＜table border=点数＞

【2】设定格线的宽度 -- cellspacing

＜table cellspacing=点数＞

【3】设定资料与格线的距离 -- cellpadding

＜table cellpadding=点数＞

【4】调整表格宽度 -- width

＜table width=点数或百分比＞

【5】调整表格高度 -- height

＜table height=点数或百分比＞

【6】设定表格背景色彩 -- bgcolor

＜table bgcolor=#rrggbb＞

【7】设定表格边框色彩 -- bordercolor

＜table bordercolor=#rrggbb＞

2.显示格线＜table border＞

3.表格标题

＜caption＞..........＜/caption＞

表格标题位置 -- align

＜caption align="#"＞ #号可为 top：表标题置于表格上方（预设值）

bottom：表标题置于表格下方

4.定义列＜tr＞

5.定义栏位《1》＜td＞：靠左对齐

剩余11页未读，继续阅读

bingyu885

粉丝: 0
资源: 2

HTML标签详解：结构与样式定义

html 标签详解HTML指令详解

HTML网页指令详解说明

vue v-html字体大小修改,详解三种方式解决vue中v-html元素中标签样式

vue手写日历的代码详解

docker build 参数详解

dockerfile文件创建详解

k8s架构原理核心详解

dockerfile项目部署详解

nfc数字协议技术详解

vue中slot（插槽）详解，slot、slot-scope和v-slot

最新资源