HTML语法基础快速查询指南资源-CSDN下载

需积分: 3 89 浏览量 2008-11-30 21:23:30 上传评论收藏 8KB TXT 举报

### HTML基本语法详解 HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。通过HTML，我们可以构建结构化的文档，并嵌入图像、链接等多媒体元素。以下是对HTML基本语法的详细解析，涵盖从标签到属性的各个方面。 #### 基础标签与结构 1. **文档类型声明**：`<!DOCTYPE html>`，这是HTML文档的第一行，告诉浏览器使用哪种规范来解析页面。 2. **根标签**：`<html>`，是整个HTML文档的容器，所有其他元素都应包含在此标签内。 3. **头部信息**：`<head>`，用于存放不直接显示在页面上的信息，如元数据、样式表链接和脚本。 4. **标题**：`<title>`，位于`<head>`内部，定义了文档的标题，显示在浏览器的标题栏或标签页上。 5. **主体**：`<body>`，包含了页面的所有可见内容。 #### 文本格式化 - **段落**：`<p>`，用于定义文本段落，自动提供上下文间的空白行。 - **换行**：`<br>`，用于强制换行，无需新段落。 - **标题**：`<h1>`至`<h6>`，定义不同级别的标题，其中`<h1>`级别最高，`<h6>`级别最低。 - **粗体**：`<b>`，使文本加粗，用于强调，但不表示语义。 - **斜体**：`<i>`，使文本倾斜，同样不具有特定语义。 - **下划线**：`<u>`，为文本添加下划线。 - **删除线**：`<s>`，为文本添加删除线，表示文本已不再相关或正确。 - **引用**：`<q>`，表示短引语，通常会添加引号。 - **代码**：`<code>`，表示计算机代码片段，保持原样显示。 - **变量**：`<var>`，用于表示变量名称，通常在数学公式或编程上下文中使用。 #### 图像与链接 - **图像**：`<img>`，用于插入图像，其`src`属性指定图像源，`alt`属性提供替代文本，当图像无法加载时显示。 - **超链接**：`<a>`，用于创建链接，`href`属性指定链接的目标地址。可以指向其他网页、同一页面内的位置或下载资源。 - **锚点**：`<a name="identifier">`和`<a href="#identifier">`，用于定义页面内的跳转点和链接到该点。 #### 表格与列表 - **表格**：`<table>`，用于创建表格，包含`<tr>`（行）、`<td>`（单元格）和`<th>`（表头单元格）等子元素。 - **无序列表**：`<ul>`，每个列表项由`<li>`标签定义。 - **有序列表**：`<ol>`，列表项同样由`<li>`定义，但按顺序编号。 #### 元素属性 - **类**：`class`，用于定义元素的类名，可用于CSS选择器。 - **ID**：`id`，用于唯一标识页面中的元素，对于CSS定位和JavaScript操作非常有用。 - **样式**：`style`，用于内联样式，虽然不推荐，但在某些情况下可能有用。 - **事件监听器**：如`onclick`，用于定义当某个事件发生时执行的JavaScript函数。 #### HTML5新增元素 - **导航**：`<nav>`，用于页面导航链接的容器。 - **文章**：`<article>`，表示文档、页面或应用程序中的独立部分。 - **节**：`<section>`，用于组织具有主题的相关内容。 - **侧边栏**：`<aside>`，用于包含与页面主要内容相关的辅助信息。 - **标题**：`<header>`，通常用于包含导航链接的页面顶部区域。 - **页脚**：`<footer>`，通常出现在页面底部，包含版权信息、联系信息等。以上就是HTML基本语法的详细解析，掌握了这些基础，你就可以开始构建自己的网页了。HTML是构建Web的基础，随着时间的推移，它也在不断进化，引入了更多语义化标签，使得网页结构更加清晰，对搜索引擎和无障碍访问的支持也更友好。

资源推荐

资源详情

资源评论

基本HTML代码详解，包括HTML用法
作者: 镜中花日期: 2007-05-11 16:34
字体大小: 小中大
总类（所有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>

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