HTML语言代码详解：网页设计关键元素

需积分: 4 113 浏览量更新于2024-10-10 收藏 206KB DOC 举报

“HTML语言代码网页学习方便” HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它通过一系列的标签来描述网页的结构和内容。以下是对标题和描述中涉及的知识点的详细说明： 1. **<!Doctype…>**：这个声明告诉浏览器文档使用的是哪种HTML或XHTML规范。例如，`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">` 指定文档遵循W3C组织制定的HTML 4.0过渡性.dtd（文档类型定义）。不同的DOCTYPE声明会影响浏览器的渲染模式。 2. **<HTML>…</HTML>**：这两个标签标志着整个HTML文档的开始和结束，包含所有其他元素。 3. **<HEAD>…</HEAD>**：头部元素包含了关于文档的信息，比如标题（<TITLE>）、元数据（<META>）、样式表（<LINK>引用CSS文件）以及脚本（<SCRIPT>）等，但不显示在实际的网页内容中。 4. **<BODY>…</BODY>**：主体元素是HTML文档的核心部分，包含用户在浏览器窗口中看到的所有内容，如文本、图像、链接、表格、段落等。在描述中提到，<BODY>元素可以设置多个属性，如： - `BGGROUND`：设置网页背景图片。 - `TEXT`：设置文本颜色。 - `LINK`：设置未被访问链接的颜色。 - `VLINK`：设置已访问链接的颜色。 - `ALINK`：设置被选中链接的颜色。 - `BGCOLOR`：设置背景颜色。 - `ONLOAD`：当页面加载完成时触发的事件。 - `ONUNLOAD`：当页面离开时触发的事件。 5. **<BASE>**：该元素用于设定文档中所有相对URL的基础路径，确保链接的正确解析。 6. **<ISINDEX>**：这个元素在早期的HTML版本中用于创建简单的网页搜索框，现在已经被更复杂的表单元素替代。 7. **<LINK>**：它用于创建文档之间的关系，如引入外部CSS样式表，或者定义图标（<link rel="shortcut icon" href="favicon.ico">）。 8. **<META>**：提供文档的元信息，如作者、关键词、描述等。例如，`<meta name="description" content="网页的简短描述">`用于SEO（搜索引擎优化）。 9. **<BASEHREF>** 和 `<LINKrel="stylesheet">`：分别用于设定文档的基本URL和引入外部样式表。`<BASEHREF>` 设置所有相对URL的基础路径，而 `<LINKrel="stylesheet">` 引入CSS文件以控制页面的样式。学习HTML语言，需要理解这些基本元素的含义和用法，以及它们如何组合起来构建一个完整的网页。掌握HTML，可以创建出结构清晰、功能丰富的网页，并与CSS和JavaScript结合，实现更复杂的功能和视觉效果。

第 3 页共 12 页附录

给元素在浏览器显示中指定对齐方式，属性值可取 ” left” （居左）、”center” （居

中）、”right”（居右）、”justify”（撑满整行）。

3．<CENTER>…</CENTER>

使文本或图像居中。

段落标记

1．<P>…</P>

将指定文本作为一个段落，用于分段

2．<BR>

强行给文本换行

注释

引进注释，说明文字

标题

n 级标题。其中 n 的取值可为 1，2，…，6，<H1>是一级标题，字号最大，<H6>是六级标

题，字号最小，如：<H4>电脑三维制作</H4>

字体与字号

1．<B>…</B>

指定文本为粗体。

2．<I>…</I>

指定文本为斜体格式。

．<U>…</U>

指定文本加上下划线。

4．<EM>…</EM>

强调某段文字，通常用斜体显示。

5．<STRONG>…</STRONG>

粗体显示，强调文本。

6．<TT>…</TT>

等宽体显示，标准打印机字体。

7．<CODE>…</CODE>

将程序代码显示成等宽字体。

如："+2+332"

8． <KBD>…</KBD>

提示用户应该从键盘输入的文字，浏览器一般用等宽字体显示。

9．<SAMP>…</SAMP>

样本字体格式，常用于举例，浏览器一般用等宽字体显示。

剩余11页未读，继续阅读

mozili

粉丝: 4
资源: 4

HTML语言代码详解：网页设计关键元素

网上花店网页代码 html静态花店网页设计制作 dw静态鲜花网页成品模板素材网页 web前端网页设计与制作 div静态网页设计

html精美的网页代码

HTML代码运行器-学习HTML标识最好用的工具

html网页设计作品及代码

王者荣耀官网html简单代码

学习MybatisX，学习前端HTML CSS JAVASCRIPT语言

html5语言教程pdf

html代码运行插件

html5电脑游戏代码 博客园

就是用Bootstrap这个网站模板编辑网页，自己做八个前端网站，我现在遇到的问题是，模板里面有四个网页，我需要自己再增加四个网页，需要用notepad++编辑代码，但是我不会

最新资源

html5电脑游戏代码博客园