HTML基础教程：标签详解与属性应用

版权申诉

8 浏览量更新于2024-08-06 收藏 120KB PDF 举报

HTML (HyperText Markup Language) 是一种用于创建网页的标准标记语言，是构建网页的基础。这份学习笔记详细介绍了HTML的基本结构和常用标签。以下是关键知识点的总结： 1. **HTML文档结构**： - HTML文档由`<html>`标签包围，这是HTML文档的起点和终点，确保了文档的正确解析。 - `<head>`部分包含了文档的元信息，如标题(`<title>`)、脚本(`<script>`)等，这些不会显示在浏览器窗口中，但对搜索引擎优化和页面行为很重要。 - `<body>`标签是网页的主要内容区域，用户在浏览器中看到的实际内容都会在此处。 2. **文本和布局**： - `<p>`标签用于创建段落，它用于组织文本并提供可读性。 - `<div>`标签也用于划分内容块，但通常不指定特定的样式，而使用CSS来控制布局。 - `<br>`标签用于实现换行，使文本在一行结束时自动换到下一行。 - `<hr>`创建水平线，用于分割页面内容。 3. **样式和颜色**： - `<body>`标签的多个属性如`bgcolor`、`text`、`link`、`alink`和`vlink`用于设置页面背景色、文本颜色、链接颜色等，它们都是通过十六进制颜色代码来指定的RGB颜色组合。 - 示例中提到的`#rrggbb`格式表示红、绿、蓝三个分量的值，其中`rr`代表红色分量，`gg`代表绿色，`bb`代表蓝色。如`#E8E8E8`代表淡灰色，`#0000FF`代表蓝色。 4. **标题和元信息**： - `<title>`标签用于定义网页的标题，显示在浏览器标签页和搜索引擎结果中，必须放在`<head>`标签内。 - 示例中的HTML代码展示了如何设置`<title>`元素以及使用其他CSS属性，如文本颜色和段落对齐。理解并熟练运用这些HTML基础概念对于网页开发者来说至关重要，它们构成了网页结构的基础，并且能直接影响用户体验和SEO优化。在实际开发中，结合CSS和JavaScript可以实现更丰富的页面设计和交互效果。

第页

1、<html> ,,,, </html>

, 用来定义 html 文档，一个最前，一个最后。

2、<head>,,,, </head>

，用来定义 html 文档开头部分，与 <title></title> 、

A、 <p>,, </p> 创建一个段落。（与 <div> ,, </div> 相似，

3、<body>

<div> ,, </div> 是创建一个大的段落。）

,, </body>

B 、<br> 回车代码。

本档的主题 C 、 <hr>创建一条水平线。

部分，可加 D 、<hl> ,, </hl>

标志有：

其它属性如下：

4、<title> 网页标题栏上的标题 <title>

，只能放在 <head></head> 标志对之间。

示例：

<html> （1）标题栏为“基本标志” ；

<head> （2）背景色为蓝色；文本为红色；

<title> 基本标志 </title> （3）创建一个段落：居中；显示“文档

</head> 的基本标志有： ”；

（4）换行；

<body bgcolor="blue" text="red"> （5）再创建一个段落：居中，显示具体

<p 的基本标志。（标志对要在全角

align="center">html 文档的基本标志有： </P> 状态下输入才能在浏览器中显示

<br> 出来，否则只显示“、 ”而没有标

<p 志对。）

align="center"><html></html> 、<head></head> 、<body></body> 、<title></title></p>

</body>

</html>

属性用途示例

<body bgcolor="#rrggbb"> 设置背景颜色 <body bgcolor="red"> 红色背景

<body text="#rrgggg"> 设置文本颜色 <body text="blue"> 篮色文本

<body link="#rrggbb"> 设置链接颜色 <body link="yellow"> 链接为黄色

<body alink="#rrggbb"> 已使用的链接颜色

<body vlin="#rrggbb"> 初击中的链接颜色

注：各个属性可以混合一起使用。 Rrggbb 是十六进制表示的 RGB（红绿蓝）三色的混合

色。如：#E8E8E8：淡灰色； #0000FF：蓝色；#FF0000：红色；#7D7DFF：淡蓝色； #0000A0：

深蓝色； Black: 黑色； White ：白色；Yellow: 黄色；Green：绿色； Maroon：栗色； Olive ：

橄榄色； Navy ：海军蓝、丈清蓝； Purple ：紫色； Gray：灰色； Lime：石灰色； Silver ：

银灰色； Teal ：水鸭色；如： <body text="blue"> 表示在 <body>与</body> 之间的文本都

是蓝色。

一

基

本

标

志

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

ll17770603473

粉丝: 0
资源: 6万+

HTML基础教程：标签详解与属性应用

html手写代码学习笔记.pdf

HTML5学习笔记.pdf

html+css学习笔记.pdf

HTML5-学习笔记.pdf

HTML&CSS学习笔记.pdf

Html5app开发学习笔记.pdf

web学习笔记.pdf

jspx学习笔记.pdf

Java 学习笔记.pdf

Xml学习笔记.pdf

最新资源