摘要:
本文旨在让你理解CSS的一些最基本的概念 ——层叠、优先级和继承—— 这些概念决定着如何将CSS应用到HTML中,以及如何解决冲突。 尽管与课程的其他部分相比,完成这节课可能看起来没有那么直接的相关性,而且更学术性一些, 但是理解这些东西将为您以后节省很多痛苦! 我希望您仔细阅读本节,并在继续下一步 阅读全文
摘要:
我们已经知道了CSS是做什么的以及怎么写简单的样式这样基础的CSS, 接下来我将了解到浏览器如何获取CSS、HTML和将他们加载成网页。 前置知识: 基础计算机知识、基本软件安装、简单文件知识、HTML基础 目标: 理解浏览器如何加载CSS和HTML、浏览器遇到无法解析的CSS会发生什么 CSS究竟 阅读全文
摘要:
既然你已经了解了什么是CSS,以及使用CSS的基础知识,是时候更深入的了解该语言本身的结构了。 我们已经见过了本页讨论的很多概念;如果在之后对某些概念感到困惑的话,可以返回至此进行回顾。 前置知识 在开始本单元之前,您应该: 基本熟悉计算机操作。 基本工作环境的设置(详见安装基本软件),基本的文件操 阅读全文
摘要:
在这篇文章中,我们将会拿一个简单的HTML文档做例子,并且在上边使用CSS样式,期待你能在此过程中学会更多有关CSS的实战性知识。 前置知识 在开始本单元之前,您应该: 基本熟悉计算机操作。 基本工作环境的设置(详见安装基本软件),基本的文件操作,详见处理文件。 熟悉 HTML概述 章节中提到的基本 阅读全文
摘要:
CSS (层叠样式表) 让你可以创建好看的网页,但是它具体是怎么工作的呢? 这篇文章通过一些很简单的例子,告诉我们什么是 CSS, 同时还会涉及一些和 CSS 相关的专业术语。 预备知识: 基本的计算机知识,安装基础软件, 文件处理 的基础知识, 还有HTML基础 (学习 HTML概述。) 目标: 阅读全文
摘要:
在将数据提交到服务器之前,重要的是确保以正确的格式填写所有必需的表单控件。这称为客户端表单验证,可帮助确保所提交的数据符合各种表单控件中规定的要求。本文将引导您通过基本概念和客户端表单验证示例。 先决条件: 计算机知识,对HTML,CSS和JavaScript有一定的了解。 目的: 要了解什么是客户 阅读全文
摘要:
一旦在客户端上验证了表单数据,就可以提交表单了。 并且,由于我们在上一篇文章中介绍了验证,因此我们准备提交! 本文着眼于用户提交表单时会发生什么—数据将流向何处,以及到达表单后如何处理? 我们还将研究与发送表单数据相关的一些安全问题。 先决条件: 基本的计算机知识,对HTML的理解以及HTTP和服务 阅读全文
摘要:
现在,我们将详细研究不同表单部件的功能,查看了哪些选项可用于收集不同类型的数据。这个指南有些详尽,涵盖了所有可用的原生表单小部件。 预备知识: 计算机基础知识和对于HTML的基本理解。 目标: 要了解在浏览器中可以使用什么类型的原生表单小部件来收集数据,以及如何使用HTML实现它们。 这里我们将关注 阅读全文
摘要:
有了基础知识,我们现在更详细地了解了用于为表单的不同部分提供结构和意义的元素。 前提条件: 基本的计算机能力, 和基本的 对HTML的理解。 目标: 要理解如何构造HTML表单并赋予它们语义,以便它们是可用的和可访问的。 HTML表单的灵活性使它们成为HTML中最复杂的结构之一;您可以使用专用的表单 阅读全文
摘要:
本系列的第一篇文章提供了您第一次创建HTML表单的经验, 包括设计一个简单表单,使用正确的HTML元素实现它, 通过CSS添加一些非常简单的样式,以及如何将数据发送到服务器。 HTML表单是什么? HTML表单是用户和web站点或应用程序之间交互的主要内容之一。 它们允许用户将数据发送到web站点。 阅读全文
摘要:
概述: 在HTML中一个很普通的任务是构建表格数据,有大量的元素和属性是来满足这种需求的。 只需要一点儿的CSS来设定风格,HTML让在web上显示表格数据变的很容易,例如你的学校的教学计划,你当地的游泳馆的时刻表, 或者是关于你最爱的恐龙或足球队的统计数据。 这个模块会教给你所有你需要知道的关于用 阅读全文
摘要:
到目前为止,您应该掌握了将图像、视频和音频嵌入到网页上的诀窍了。 此刻,让我们继续深入学习,来看一些能让您在网页中嵌入各种内容类型的元素: <iframe>, <embed> 和<object> 元素。 <iframe>用于嵌入其他网页,另外两个元素则允许您嵌入PDF,SVG,甚至Flash — 一 阅读全文
摘要:
现在我们可以轻松的为一张 web 网页添加简单的图像,下一步是开始为 HTML 文档添加音频和视频的播放器。 在这篇文章当中,我们会学习到 <video> 和 <audio> 两个标签;然后我们还将会看看如何为你的视频添加字幕。 预备知识: 基础计算机能力,基础的软件安装,基础的文件处理知识,基础的 阅读全文
摘要:
摘自: https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Multimedia_and_embedding 在这份教程中,到目前为止我们已经看到了许多的文字了。真的很多文字。 但是网页除了文本之外什么都没有,真的非常无聊,所以,让我们开始看看怎样 阅读全文
摘要:
摘自: https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML HTML 优雅明了,但要是出了错,你会不会一头雾水呢,本节将介绍一些查找和修复 HTML 错误的工具。 预备知识: 阅读全文
摘要:
摘自: https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/%E6%96%87%E4%BB%B6%E5%92%8C%E7%BD%91%E7%AB%99%E7%BB%93%E6%9E%84 HTML 不仅能够 阅读全文
摘要:
摘自: https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting HTML中有许多其他元素可以用于格式化文本,我们没有在HTML 文字处理基础中提到它们。 本文中 阅读全文
摘要:
摘自: https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks 超链接非常重要 ——它们使互联网成为一个互联的网络。 本文介绍了创建链接所需的语法,并且讨论了链接的最佳实 阅读全文
摘要:
摘自: https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals HTML的主要工作是编辑文本结构和文本内容(也称为语义semantics),以便浏览器能正确的显示。 阅读全文
摘要:
摘自: https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML 概述: 在页面加载完成的时候,标签head里的内容,是不会在页面中显示出来的。 它包含了像页面 阅读全文