html笔记，重要笔记_html自学笔记资源-CSDN文库

需积分: 9 126 浏览量 2016-09-20 13:10:13 上传评论收藏 428KB DOCX 举报

### HTML基础知识详解 #### HTML简介 HTML，全称为HyperText Markup Language（超文本标记语言），是一种用于创建网页的标准标记语言。HTML由W3C（World Wide Web Consortium）制定并维护，用于构建网络上的文档。 #### 超文本与标记概念 - **超文本**：在文本基础上增加图像、音频、视频等多媒体元素，使文本内容更丰富多样。 - **标记（标签）**：HTML中的标记使用`<标签名>`表示，用于定义页面的结构和内容。每个标签都有特定的功能和意义。 #### HTML标签分类 - **双标签**：由开始标签和结束标签组成，如`<div></div>`。双标签中间可以包含文本或子标签。 - 语法示例：`<标签名属性="属性值">内容</标签名>` - **单标签**：仅有一个开始标签，如`<br/>`。单标签不需要结束标签，常用于插入图像、换行等。 - 语法示例：`<标签名属性="属性值" />` #### HTML基本结构 ```html <!DOCTYPE html> <html> <head> <title>网站标题</title>  </head> <body>  </body> </html> ``` - `<!DOCTYPE html>`声明文档类型。 - `<html>`标记表示文档的根元素。 - `<head>`包含文档元数据，如标题、CSS链接等。 - `<title>`定义文档标题，显示在浏览器标签页上。 - `<body>`包含文档的可见内容。 #### HTML书写规范 - **大小写**：HTML不区分大小写，但建议使用小写字母保持一致性。 - **标签嵌套**：标签应正确嵌套，避免交叉嵌套。 - **单标签闭合**：单标签需正确闭合，如`<br/>`。 - **属性值**：使用双引号包裹属性值，如`class="example"`。 #### 文本标签 - `<font>`：用于设置文本的颜色、字体和大小。 - 属性：`color`、`size`、`face`。 - `<b>`和`<strong>`：文本加粗，其中`<strong>`具有更强的语义，表示强调。 - `<i>`和`<em>`：文本斜体，其中`<em>`表示强调。 - `<u>`和`<ins>`：下划线，`<ins>`表示插入的文本。 - `<sup>`和`<sub>`：上标和下标。 #### 段落与标题标签 - `<p>`：定义段落。 - 属性：`align`用于设置对齐方式（左对齐、居中、右对齐）。 - `<h1>`至`<h6>`：定义标题等级，`<h1>`最大，`<h6>`最小。 - 属性：`align`同上。 #### 预定义标签与容器标签 - `<pre>`：预格式化文本，保留原有空格和换行。 - `<div>`：定义一个块级容器，常用作布局容器。 - `<span>`：定义一个内联容器，用于分组其他元素，便于应用CSS。 #### 块级标签与内联标签 - **块级标签**：单独占据一行，如`<div>`、`<p>`、`<h1>`等。 - **内联标签**：与其他元素在同一行显示，如`<span>`、`<em>`、`<a>`等。 #### 列表标签 - **无序列表**：`<ul>`定义列表项`<li>`，列表项前默认有圆点。 - 属性：`type`可设置列表项前的符号样式。 - **有序列表**：`<ol>`定义数字编号的列表项`<li>`。 - 属性：`type`可设置编号样式。 ### 示例与实践 #### 示例1: 设置文本格式 ```html <p> <font color="blue" size="6" face="楷体"> 前五个字 </font> 后面的文本 </p> ``` #### 示例2: 设置段落与标题 ```html <h2 align="center">标题二</h2> <p>这是第一段。</p> <p>这是第二段。</p> ``` #### 示例3: 使用块级与内联标签 ```html <div style="color: blue;"> <h3>标题三</h3> 这是一段内容。 </div> <p> <span style="color: green; font-family: 宋体; font-weight: bold; text-decoration: underline; font-style: italic;"> 最后八个字 </span> </p> ``` 通过这些基础标签和属性的学习，我们可以构建出简单的网页结构，并对网页中的文本内容进行基本的格式化处理。随着进一步学习CSS和JavaScript，我们可以实现更复杂的网页设计和交互功能。

资源推荐

资源详情

资源评论