HTML基础入门:标签、结构与样式详解

需积分: 10 0 下载量 104 浏览量 更新于2024-09-09 收藏 12KB TXT 举报
本篇笔记主要介绍了JavaWeb开发的基础知识,重点围绕HTML(HyperText Markup Language)进行展开。HTML是构建网页的基本结构语言,它由一系列的标签组成,用于定义文档的结构和样式。 1. **HTML结构**: - HTML的基本结构由`<html>`标签包围,包含头部 `<head>` 和主体 `<body>`。`<title>`标签用于设定页面的标题,显示在浏览器标签页上。 - `</html>` 表示标签对的结束,表明文档的结束。`<head>` 内容通常是元数据,如字符集定义 `<meta>` 标签,如`<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">`(HTML4)或 `<meta charset="UTF-8">`(HTML5)。 2. **HTML标签和取值**: - 颜色值可以用RGB格式 `rgb(0,0,0)` 表示红绿蓝分量,或者十六进制 `#000000` 至 `#ffffff`。`<p style="color: blue;">hello color</p>` 是展示颜色的一个实例。 - `<body>` 标签用来定义文档的主要内容区域,其内嵌属性如 `text`, `background`, 和 `bgcolor` 分别控制文字颜色、背景图片和背景色。`<h1>` 用于创建大号标题,这里是"欢迎光临!!!"。 3. **块级与内联元素**: - `div` 是块级元素,用于划分文档结构,有 `align` 属性可设置对齐方式。而 `span` 是内联元素,不会换行,常用于插入文本样式。 4. **注释**: - 在HTML中,使用 `<!-- 注释 -->` 来添加注释,这些内容在浏览器源代码查看时不会显示,便于开发者临时隐藏或修改部分代码。 5. **`<p>` 标签**: - `<p>` 标签用于定义段落,浏览器会在前后添加空行。它具有 `align` 属性,可用于调整文本的对齐方式。 这篇笔记详细介绍了HTML的基本结构和一些常用标签的用法,包括颜色设定、元素类型、以及如何通过属性来定制页面样式。对于初学者来说,这是理解HTML网页制作基础的重要参考资料。通过学习和实践,可以逐步掌握如何构建和美化网页。