返回
JavaWeb之HTML-CSS --黑马笔记
前端
2023-09-28 06:19:30
JavaWeb 中的 HTML 与 CSS
JavaWeb 是一个基于 JavaEE 平台的 Web 开发框架，它提供了一个完整的 Web 开发解决方案，集成了 Servlet、JSP、EJB、JSF 等技术。HTML 和 CSS 是 JavaWeb 中广泛使用的两种标记语言，分别用于构建网页结构和定义网页样式。
HTML（超文本标记语言）
HTML 是一种标记语言，由预定义的标签组成。这些标签以尖括号 < 和 > 括起来，例如 、
、。HTML 文档包含以下几个部分：- 文档类型声明： ，声明 HTML 文档的类型。
- html 元素： HTML 文档的根元素，包含整个文档。
- head 元素： HTML 文档的头部，包含文档的标题、样式表、脚本等信息。
- body 元素： HTML 文档的身体，包含网页的主要内容。
常用的 HTML 标签包括：
- 标题标签（
到
定义网页标题，其中）：
表示一级标题，
表示六级标题。
- 段落标签（
）：
定义网页的段落。 - 超链接标签（）： 定义网页的超链接。
- 图像标签（
）： 在网页中插入图像。
- 表格标签（
）： 在网页中创建表格。
CSS（层叠样式表）
CSS 是一种样式语言，用于定义网页的样式。它由选择器和样式属性组成，选择器用于选择要应用样式的 HTML 元素，而样式属性用于定义要应用的样式。
常用的 CSS 选择器包括：
- 元素选择器： 选择特定 HTML 元素，例如 body { }、p { }、a { }。
- 类选择器： 选择具有特定类名的 HTML 元素，例如 .myclass { }。
- ID 选择器： 选择具有特定 ID 的 HTML 元素，例如 #myid { }。
- 后代选择器： 选择某个元素的后代元素，例如 p a { }。
- 子选择器： 选择某个元素的子元素，例如 ul>li { }。
常用的 CSS 样式属性包括：
- font-family： 字体。
- font-size： 字体大小。
- color： 字体颜色。
- background-color： 背景颜色。
- text-align： 文本对齐方式。
- margin： 外边距。
- padding： 内边距。
JavaWeb 中的 HTML 和 CSS 示例
以下是一个简单的 JavaWeb 页面示例：
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1>JavaWeb 之 HTML-CSS</h1> <p>本文将介绍 JavaWeb 中常用的 HTML 和 CSS 知识，包括 HTML 的基本结构、标签、属性、CSS 的选择器、样式属性、盒子模型等。帮助读者快速入门 JavaWeb 开发。</p> </body> </html>以下是一个简单的 JavaWeb 样式表示例：
body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333; background-color: #fff; } h1 { font-size: 24px; color: #000; } p { font-size: 16px; color: #333; }JavaWeb 中 HTML 和 CSS 教程
有许多 JavaWeb 中 HTML 和 CSS 的教程，读者可以根据自己的实际情况选择适合自己的教程。一些常见的教程包括：
- 菜鸟教程：https://www.runoob.com/java/javaweb-tutorial.html
- 黑马程序员：https://www.itheima.com/edu/subject/JavaWeb-training
- 慕课网：https://www.imooc.com/learn/javaweb
- 极客学院：https://geekbang.com/column/article/320
常见问题解答
1. 什么是 HTML？
HTML 是一种标记语言，用于构建网页的结构。
2. 什么是 CSS？
CSS 是一种样式语言，用于定义网页的样式。
3. HTML 标签有哪些？
常用的 HTML 标签包括标题标签、段落标签、超链接标签、图像标签、表格标签。
4. CSS 选择器有哪些？
常用的 CSS 选择器包括元素选择器、类选择器、ID 选择器、后代选择器、子选择器。
5. CSS 样式属性有哪些？
常用的 CSS 样式属性包括字体、字体大小、颜色、背景颜色、文本对齐方式、外边距、内边距。
