HTML基础代码入门与基本标志详解

需积分: 50 113 浏览量更新于2024-07-23 收藏 83KB DOC 举报

HTML（HyperText Markup Language）是网页开发的基础，本文档作为HTML学习的入门教程，主要介绍了HTML的基本结构和一些关键元素。以下是核心知识点的详细解析： 1. **文档结构**: - HTML文件的基本框架由三个主要部分组成：`<html>`、`<head>` 和 `<body>`。 - `<html>` 标签是文档的根元素，用以声明文档类型和开始HTML文档。`</html>` 标签表示文档的结束，这两个标签必须成对出现。 - `<head>` 区域包含文档的元数据，如标题 `<title>`，以及脚本、样式表和其他非显示内容。这部分内容不会在浏览器窗口中显示。 - `<body>` 是文档的实际内容区，包含了文本、图片、链接等各种元素，会在浏览器中可见。 2. **标题元素**: - `<title>` 标签用于设定页面的标题，显示在浏览器的标签页上。用户在搜索引擎结果或收藏夹中看到的就是这个标题。 3. **CSS样式的预设属性**: - `<body>` 元素的一些属性允许您自定义页面的外观： - `bgcolor`：设置背景颜色，如 `<bodybgcolor="#rrggbb">` 用于指定颜色代码。 - `text`：设置文本颜色，如 `<bodytext="#rrggbb">`。 - `link`：设置链接颜色，如 `<bodylink="blue">`。 - `vlink`：设置已访问链接的颜色，如 `<bodyvlink="#ff0000">`。 - `alink`：设置活动链接的颜色，虽然`alink`不常用，但有时可用于强调鼠标悬停状态。 4. **其他常用元素**: - `<p>`：段落标记，用于分隔段落。 - `<h1>` 到 `<h6>`：标题标记，表示不同级别的标题，`<h1>`是最高级，`<h6>`次之。 - `<br>`：换行标记，用于插入一个新行。 - `<hr>`：水平线标记，创建一条水平分割线。通过掌握这些基础代码，您可以开始构建简单的HTML网页，并逐步了解更复杂的结构和元素，如表格、列表、图像、链接等。理解HTML的结构和语法对于任何Web开发者来说至关重要，因为它构成了网页的骨架，是所有前端交互和设计的基础。随着深入学习，可以进一步探索CSS（Cascading Style Sheets）和JavaScript等技术，以实现更丰富的用户体验和动态功能。

个标有圆点的列表；<li></li>标志对只能在<ol></ol>或<ul></ul>标志对之间使

用，此标志对用来创建一个列表项，若<li></li>放在<ol></ol>之间则每个列表

项加上一个数字，若在<ul></ul>之间则每个列表项加上一个圆点。请看下边的

例子：

例 3 标有数字或圆点的列表

<html>

<head>

</head>

<ol>

</ol>

<ul>

</ul>

</body>

</html>

此例在浏览器中的显示如下:

中国城市

1. 北京

2. 上海

3. 广州

美国城市

? 华盛顿

? 芝加哥

? 纽约

6.<div></div>

<div></div>标志对用来排版大块 Html 段落，也用于格式化表，此标志对的用

法与<p></p>标志对非常相似，同样有 align 对齐方式属性，读者可以自己试试

看。

教程三、文本标志

1.<pre></pre>

剩余16页未读，继续阅读

qq_19276979

粉丝: 0
资源: 1

HTML基础代码入门与基本标志详解

html的代码文件

HTML学习源代码

Html常见代码

html基础代码代码

生成HTML基础代码

HTML css基础代码

python结合html地基础代码

visualstudio写html时的基础代码

vs code运行html的基础语言配置代码

htmlcss代码大全

最新资源