HTML基础教程：标签、属性与字体样式

"前端学习笔记——HTML基础" HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它是前端开发的基础。在HTML中，标签不区分大小写，但通常推荐使用小写以保持代码规范。HTML文档由一系列的标签组成，这些标签告诉浏览器如何呈现内容。 在IntelliJ IDEA中创建HTML页面，可以通过以下步骤操作： 1. 打开IntelliJ IDEA，选择"File" -> "New" -> "Project"，然后在项目类型中选择"Static Web"来创建一个静态网页工程。 2. 在新创建的工程中，建立四个文件夹，分别命名为"css", "html", "img", 和 "js"，以存放样式表、HTML文件、图片和JavaScript脚本。 3. 在"html"文件夹上右键，选择"New" -> "HTML File"，输入文件名为"demo01.html"，这样就创建了一个新的HTML文件。 HTML标签分为两种类型：双标签（成对出现，如`<table></table>`）和单标签（不成对，如`<br/>`, `<hr/>`）。每个标签可能包含属性，如`<img src="images/baby.jpg" width="80px" height="50px">`，其中`src`、`width`和`height`是属性，它们分别指定了图片的来源、宽度和高度。 在HTML中，`<a>`标签用于创建超链接，例如`<a href="http://www.baidu.com">百度一下，你就知道</a>`，这里的`href`属性指定了链接的目标地址。`<img>`标签则用于插入图片，`src`属性指定图片路径，`width`和`height`属性用来设定图片的尺寸。 浏览器解析HTML时，遇到`<h1>`到`<h6>`标签会显示不同级别的标题，`<p>`标签表示段落，`<br>`标签插入一个换行，而`<hr>`标签则绘制一条水平分割线。 `<font>`标签用于控制文本的字体、大小和颜色，但在现代HTML中，更推荐使用CSS来实现这些效果，因为`<font>`标签已被认为是过时的。它的属性包括： - `color`：定义字体颜色，可以使用RGB值、十六进制颜色代码或颜色名称。 - `face`：定义字体名称列表，用于设置文本的字体。 - `size`：规定字体大小，数值范围从1到7，或者在已定义`basefont`的情况下，可以使用-6到6的数值。 例如，要设置文本为1号字体、红色，可以使用如下代码： ```html <font size="1" color="red">这是红色的1号字体文本</font> ``` 然而，为了更好的语义化和样式控制，现代HTML实践中通常会避免使用`<font>`标签，而是使用CSS来实现相同的效果，如： ```html <style> .custom-text { font-size: 1em; color: red; } </style> <p class="custom-text">这是使用CSS设置的红色1号字体文本</p> ``` 这样，样式与内容分离，代码更易于维护和扩展。在学习前端开发时，掌握HTML的基础知识和最佳实践是非常重要的，这将有助于构建高效、可访问且易于维护的网页。