HTML简介

2018-09-15 17:56 更新

就其核心来说, HTML 是一个极其简单的由元素组成的语言,它可以为一些文本赋予它在一个文档中不同的意义(这是一个段落?这是一个项目列表?这是一个表格?),结构化文档为逻辑区块(文档是否有一个头?内容为三列?一个导航菜单?)并且可以嵌入图片影像等内容到一个页面中。这个模块将会介绍这其中的前两个,并且介绍 一些你需要用以理解HTML的基本概念和语法。

必要条件

在开始这个模块之前,你不需要预先具有任何HTML的知识,但是你至少需要熟悉一些使用电脑的基础,会被动使用网络(也就是仅需要看着它,浏览其内容。)你为电脑配置一个基本的工作环境,这个在 安装基础软件的页面中有详细说明,并且需要懂得如何创建和管理文件,这个 文件处理 页面中有详细说明 —— 这两者都是我们纯新手web开发入门 模块的一部分。

注意:如果你工作在一个你没有权利创建你自己文件的电脑/平板/其他设备上,你需要在一个在线编程软件上试验 (大多数)代码例子,比如 JSBin 或者Thimble等软件。

指南

这个模块包含以下文章,这些文章会帮你过一遍HTML所有的基本理论,并且提供足够的实践机会。

HTML入门
涵盖了HTML完全的基础,来帮助你入门——我们定义元素,属性,和所有其他你可能听说过的重要术语,并且它们各处于语言的哪部分。我们也会展示一个 HTML 元素是如何被结构化的,一个典型的 HTML 页面是如何被结构化的,并且解释另一些基础但重要的语言特性。一路下来,我们会把玩一些 HTML,来激发你的兴趣!
head中有什么? HTML中的元数据
当页面被加载后HTML 中的head部分是不会显示在web浏览器中的。它包含诸如页面<title>,链接到 CSS (如果你想用CSS样式化你的HTML内容),到定制的网站图标的链接,和元数据(关于HTML的数据,诸如谁写的页面,和重要的描述文档的关键字)。
HTML 文本基础 
HTML的主要工作之一就是给予文本意义(也被叫做语义),如此浏览器就知道正确的显示文本了。这篇文章关注于如何使用HTML来分解一个文本块为结构化的头和段落,为单词添加强调/重要 ,创建这些,和一些更多的。
创建超链接
超链接真的很重要 - 它们是使Web成为一个Web。本文介绍了创建链接所需的语法,并讨论了链接最佳做法。
高级文本格式
HTML中有许多其他元素用于格式化文本,我们没有在HTML文本基础文章中提到。这里的元素不太知名,但仍然有用知道。在这里,你将了解标记引用,描述列表,计算机代码和其他相关文本,下标和上标,联系信息等。
文档和网站结构
除了定义页面的各个部分(例如“段落"或“图像")外,HTML也用于定义网站的区域(例如“标题",“导航菜单",“主内容列“。)本文探讨如何规划基本网站结构,并编写HTML以表示此结构。
调试 HTML
编写HTML是好的,但如果有什么问题,而且你不能解决代码中的错误在哪里?本文将向您介绍一些可以帮助您的工具。

评估

以下评估将测试你对上述指南中HTML基础知识的理解。

制造一份信件
我们都早早学会写信;它也是一个有用的例子来测试我们的文本格式化技能!所以在这个评估中,你会得到一封信来标记。
 结构化页面内容
此评估测试你是否能够使用HTML构建简单的内容页面,其中包含页眉,页脚,导航菜单,主要内容和侧边栏。

深入学习

Web literacy basics 1 网络文化基础 1
一个优秀的Mozilla基础课程,探索和测试在HTML模块介绍中讨论的许多技能。学习者熟悉阅读,写作和参与这个六部分模块的网络。通过生产和协作掌握网络的基础。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号