HTML基础入门:标签、结构与样式详解
需积分: 10 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网页制作基础的重要参考资料。通过学习和实践,可以逐步掌握如何构建和美化网页。
2020-06-17 上传
2024-06-03 上传
2023-06-18 上传
2024-06-18 上传
126 浏览量
2012-04-27 上传
2010-12-25 上传
2023-08-22 上传
zxDD敲代码
- 粉丝: 1218
- 资源: 94
最新资源
- ali-cdn-url:获取阿里云cdn请求地址
- Python3实战Spark大数据分析及调度-第11章 Azkaban实战篇.zip
- 第一个Visual C++应用程序的源码 关于鼠标坐标适时显示
- svelteblox:消费cueblox api的公共网站
- NokiaLCD:诺基亚 5110 LCD 的 AVR 库
- 基于matlab的图像椒盐噪声的平滑效果⽐较
- Latex Documentclass Plan Nacional I+D+i:国家研发计划的LaTeX模板-开源
- Handwritten-Digits-Classification:一种新颖的模型
- VC++ MFC编程实例-新年好
- 6-12-嵌入式省赛.zip
- FriendsFinder:https://enigmatic-taiga-02028.herokuapp.com
- Topic-Constrained-Bodies
- afghanistan-2014-analysis:为我们的阿富汗选举分析托管代码
- hello-world:这是我的第一个仓库
- Webdriver-io-project
- BostonHaskell2015:[Talk] 用 EDSL 构建讨论