【HTML002】HTML 简介

前言:

就其核心而言,HTML 是一种相当简单的、由不同元素组成的标记语言,它可以被应用于文本片段,使文本在文档中具有不同的含义(它是段落吗?它是项目列表吗?它是表格吗?),将文档结构化为逻辑块(文档是否有头部?有三列内容?有一个导航菜单?),并且可以将图片,影像等内容嵌入到页面中。本模块将介绍前两个用途,并且介绍一些 HTML 的基本概念和语法。

指南:

本模块包含以下文章,它们将带你了解 HTML 的所有基本理论,并为你提供充分的机会来测试一些技能。HTML 入门

涵盖了 HTML 绝对基础知识以帮助你入门——定义元素、属性和其他重要术语,并展示了它们在语言中的位置。我们还展示了一个典型的 HTML 页面的结构和一个 HTML 元素的结构,并解释了一些重要的基本语言特征。一路下来,我们会与 HTML 一起玩耍,以激发你的兴趣!head 标签中有什么?HTML 中的元数据

当页面被加载后,HTML 中的 head 部分是不会被显示在 Web 浏览器中的。它包含了许多信息,例如网页的标题 <title>,指向 CSS 的链接(如果你使用 CSS 来设计 HTML 内容的样式的话),指向自定义网站图标的链接和一些元数据(关于 HTML 本身的数据,例如它的作者和描述这个文档的关键字)。HTML 文本处理基础

HTML 的主要工作之一就是给予文本意义(也被叫做语义),以让浏览器知道如何正确的显示文本。这篇文章关注于如何用 HTML 将文本块分解为结构化的标题和段落、强调和加粗单词、创建列表以及其他内容。创建超链接

超链接真的很重要——它们是“web”的意义所在。本文展示了创建超链接所需的语法,并讨论了创建超链接的最佳做法。高级文本排版

HTML 中还有许多没有在 HTML 文本处理基础页面中提到的其他元素可以用于排版文本。这里的元素不太为人所知,但了解这些元素仍然很有用。在这篇文章里,你将学习如何标记引文、描述列表、计算机代码和其他类似的文本、下标和上标、联系信息等。文档和网站结构

除了定义页面的个别部分(例如“段落”或“图像”)外,HTML 也被用于定义网站的区域(例如“标题”、“导航菜单”和“主要内容”)。本文将探讨如何规划一个基本的网站结构,以及如何编写 HTML 来表示这个结构。调试 HTML

光是编写 HTML 还好,但如果出了什么问题,而你找不到问题的来源怎么办?本文将介绍一些可以帮上忙的工具。

测验

以下测验将测试你对上述指南中 HTML 基础知识的理解程度。标记信件

我们迟早都要学会如何写信,而这也对测试我们的排版技能很有用!在这个测验中,你需要标记一封信。结构化页面内容

此测验将测试你能否使用 HTML 构建简单的内容页面,其中包含页眉、页脚、导航菜单、主要内容和侧边栏。

给TA打赏
共{{data.count}}人
人已打赏
大前端

【HTML001】构建web-使用 HTML 组织网站内容

2023-2-9 22:05:42

PHP开发环境(集成)

phpStudy V8.1(Win32位)(已支持php8)

2022-12-25 19:20:20

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索