全面掌握HTML基础代码及其结构详解

需积分: 13 50 浏览量更新于2024-09-08 1 收藏 39KB DOC 举报

HTML (HyperText Markup Language) 是一种标记语言，用于创建网页结构、内容和布局。本文档详尽介绍了HTML代码的学习要点，包括文件的基本结构和各种元素。HTML文件通常由`<html>`和`</html>`这对标签包围，形成文档的框架。核心部分包括： 1. **文件结构**： - `<!DOCTYPE html>`：声明文档类型，告诉浏览器这是一个HTML5文档。 - `<html>`：根元素，包含了整个文档。 - `<head>`：文头区域，存放元数据如`<title>`标签，定义文档标题，搜索引擎和浏览器用来识别页面内容。 - `<title>`：定义文档的标题，显示在浏览器标签页上。 - `<body>`：文档主体，包含所有可见的内容，如文本、图像和链接。 2. **段落与样式**： - `<h1>`到`<h6>`：六级标题，用于组织文档层次结构，`<h1>`最大，`<h6>`最小。 - `<h? align=left|center|right>`：可设置标题的对齐方式。 - `<div>`和`<div align=...>`：用于划分文档结构，可设置内容的对齐。 - `<em>`：强调文本，以斜体显示。 - `<strong>`：特别强调，以加粗显示。 - `<cite>`：引用或引述的文本，通常斜体。 - `<code>`和`samp`：用于显示代码或预格式化的文本。 - `<kbd>`：键盘输入样式。 - `<var>`：变量定义。 - `<address>`：显示联系信息。 3. **特殊样式**： - `<big>`和`<small>`：调整文本大小。 - `<b>`和<i>`：加粗和斜体，但推荐使用CSS进行样式控制。 - `<u>`、`<s>`：下划线和删除线，但可能存在兼容性问题。 - `<sub>`和`<sup>`：下标和上标。 - `<tt>`：等宽字体，常用于显示计算机代码。 - `<pre>`：预格式化文本，保留空白和换行。 - `<center>`：居中对齐。 - `<blink>`：闪烁效果，已被废弃，不推荐使用。 4. **链接与图形**： - `<a href="url">`：创建超链接，链接到指定URL。 - 图形元素如`<img src="image_url">`：插入图片。这些是HTML基础知识的核心组成部分，理解并掌握它们对于网页开发至关重要。随着HTML5的更新，许多旧的标签和属性不再推荐使用，现代网页设计更倾向于使用CSS（Cascading Style Sheets）来实现更精细的样式控制。然而，了解这些基本标签有助于构建结构清晰、功能丰富的网页。

.全部 HTML 代码学习

全部 HTML 代码学习文件类型 <html></html> （放在档案的开头与结尾）

文件主题 <title></title> （必须放在「文头」区块内）

文头 <head></head> （描述性资料，像是「主题」）

文体 <body></body> （文件本体）

结构性定义（由浏览器控制的显示风格）

标题 <h?></h?> （从 1 到 6，有六层选择）

3.0 标题的对齐 <h? align=left|center|right></h?>

3.0 区分 <div></div>

3.0 区分的对齐 <div align=left|right|center|justify></div>

引文区块 <blockquote></blockquote> （通常会内缩）

强调 <em></em> （通常会以斜体显示）

特别强调 <strong></strong> （通常会以加粗显示）

引文 <cite></cite> （通常会以斜体显示）

码 <code></code> （显示原始码之用）

样本 <samp></samp>

键盘输入 <kbd></kbd>

变数 <var></var>

定义 <dfn></dfn> （有些浏览器不提供）

地址 <address></address>

3.0 大字 <big></big>

3.0 小字 <small></small>

与外观相关的标签（作者自订的表现方式）

加粗 <b></b>

斜体 <i></i>

3.0 底线 <u></u> （尚有些浏览器不提供）

3.0 删除线 <s></s> （尚有些浏览器不提供）

3.0 下标 <sub></sub>

3.0 上标 <sup></sup>

打字机体 <tt></tt> （用单空格字型显示）

预定格式 <pre></pre> （保留文件中空格的大小）

预定格式的宽度 <pre width=?></pre>（以字元计算）

n1.0+ 向中看齐 <center></center> （文字与图片都可以）

n1.0 闪耀 <blink></blink> （有史以来最被嘲弄的标签）

n1.0 字体大小 <font size=?></font>（从 1 到 7）

n1.0 改变字体大小 <font size=+|-?></font>

n1.0 基本字体大小 <basefont size=?> （从 1 到 7; 内定为 3）

n2.0 字体颜色 <font color="#$$$"></font>

连结与图形

链接 <a href="url"></a>

链接到锚点 <a href="url#***"></a>（如果锚点在另一个档案）

<a href="#***"></a> （如果锚点目前的档案）

n2.0 链接到目的视框 <a href="url" target="***"></a>

下载后可阅读完整内容，剩余4页未读，立即下载

花兆峰博客

粉丝: 22
资源: 2

全面掌握HTML基础代码及其结构详解

H5学习文档，超级好

HTML代码大全（初学者必备！必背！）

Network学习代码

几个HTML5入门学习的好例子(代码)

京东商城模板--全部源代码

仿淘宝等网站html代码

个人网站 源代码 html

个人主页程序简洁漂亮HTML代码

几个html5网站代码

HTML5游戏源代码集合

最新资源

个人网站源代码 html