网页设计详解：HTML标签结构与属性

需积分: 9 48 浏览量更新于2024-08-01 收藏 178KB DOC 举报

网页设计的核心是HTML（HyperText Markup Language），它是一种用于创建网页的标准标记语言。HTML文档的基本结构通常包括三个主要部分：`<html>`、`<head>`和`<body>`。 1. **HTML文档结构**: - `<html>`标签是整个文档的根节点，所有其他标签都应嵌套在这个标签内部。 - `<head>`包含了文档的元信息，这些内容不会在浏览器的可见区域内显示，但对搜索引擎优化（SEO）至关重要。例如，`<title>`标签定义了浏览器窗口标题栏中的内容，这是用户和搜索引擎识别网页主题的重要部分。 - `<body>`标签包含了实际的网页内容，即用户在浏览器中看到的所有文本、图片、链接等。 2. **HTML标签属性**: - 属性用于描述HTML元素的行为或外观。属性名写在标签名后面，用空格分隔，值通常用双引号括起来。例如，`<a href="url?***">`用于定义超链接，`href`是属性名，`url`是链接地址。 - `<!doctype>`声明是文档类型声明，用于告知浏览器文档使用哪种HTML版本，如`<!doctype html>`和`<!doctype html5>`。 - `<base>`标签设置网页的默认URL，`<basefont>`用于设置基础字体、字号和颜色，`<link>`标签则用于引用外部CSS样式表或提供关系和位置信息。 - `<meta>`标签是关键的元数据容器，包括作者、日期、网页描述、关键词等，有助于搜索引擎理解和呈现网页内容。 3. **特殊标签示例**: - `<isindex>`标签在早期HTML版本中用于创建交互式索引，现在很少使用。 - `<title>`标签的重要性再次强调，它不仅影响标题栏，还影响搜索引擎排名。 - `<base>`标签的`target`属性设置链接在新窗口（ `_blank`）、父框架（ `_parent`）、当前框架（ `_self`）或顶层框架（ `_top`）中打开。理解并熟练运用HTML标签及其属性是网页设计师的基础技能，能够帮助创建出结构清晰、功能完备的网站。同时，保持对HTML标准和最新发展（如响应式设计、语义化标记等）的关注，对于现代网页设计至关重要。

网页设计 标签

"!$!$(!$"!$"8<+

$  5"$' 

"!$!$(!$"!$"8<+

!$：滤镜持续时间；!$：滤镜类型，表示使用哪种特效，取值 <8具体

如下：

<：矩形减小

/：矩形扩大

8：圆形缩小

：圆形扩大

A：向上擦除

2：向下擦除

.：向左擦除

0：向右擦除

>：垂直百叶窗

=：水平百叶窗

/<：横向棋盘式

//：纵向棋盘式

/8：溶解

/：左右向中部收缩

/A：中部向左右展开

/2：上下向中部收缩

/.：中部向上下展开

/0：阶梯状向左下展开

/>：阶梯状向左上展开

/=：阶梯状向右下展开

8<：阶梯状向右上展开

8/：随机水平线

88：随机垂直线

8：以上随机选择

" &设定  层叠样式的内容。

1设定外部文件的连接。

!$'$'"B$$!&!

$头文件结束。

主体开始。

标签

标签表明是  文档的主体部分。在与之间，通常都会有

很多其它标签；这些标签和标签属性构成  文档的主体部分。

标签

标签表明是  文档的主体部分，即页面的实际内容。在与之间，

通常都会有很多其它标签；这些标签和标签属性构成  文档的主体部分。

属性：

如'!等等标记

'!"C "C1"C$1"C1"C$1'!"!

$!'"<$!'"<

具体如下：

'!"颜色代码” 设定页面背景颜色（可用相应的英文单词表示，也可用C加两位一组的三

组十六进制数表示，每组依序表示为红、绿、蓝）

$1'!"图片 ! 地址” 设定页面背景图片可以使用的图片格式为D'、DB' 等。

'!!"空格E F空为默认值；E  设定页面背景图片为固定，即背景图片成水

第  页共 /2 页

剩余14页未读，继续阅读

乘羽扬风

粉丝: 8
资源: 21

网页设计详解：HTML标签结构与属性

响应式个人博客CSS模板下载_网页源码_H5模板_自适应前端设计

响应式网页设计 - 51_HTML移动端前端H5模板

响应式网页模板源码下载 - 206_HTML前端设计

web_task.zip_html 网页作业_web网页设计_网站设计作业_网页设计_网页设计 作业

wangyesheji.rar_html 网页 课程设计_网页_网页设计_网页设计 html

html.zip_HTML设计网页_html大作业_html网页设计_html设计作业

Html.rar_个人 网页 设计_个人网站_简单个人网页_网站设计_网页设计

dhtml_html_css.rar_css_css 网页_网页 css_网页设计 html_网页设计html

html_css_js.rar_HTML+CSS+JS网页_网页_网页代码_网页代码html

WBControl_llq_网页浏览框_多标签_VB源码_vb6_

最新资源

web_task.zip_html 网页作业_web网页设计_网站设计作业_网页设计_网页设计作业

wangyesheji.rar_html 网页课程设计_网页_网页设计_网页设计 html

Html.rar_个人网页设计_个人网站_简单个人网页_网站设计_网页设计