文章分类 -  前端

上一页 1 ··· 14 15 16 17 18 19 20 21 22 ··· 27 下一页

HTML(构建 Web)之HTML 表格高级特性和无障碍
摘要:这个模块的第二篇文章中,我们来看一下 HTML 表格更高级的功能,比如像 表格的标题/摘要,以及将你表格中的各行分组成头部、正文、页脚部分,提高视力受损用户的无障碍。 使用 <caption> 为你的表格增加一个标题 你可以为你的表格增加一个标题,通过 <caption> 元素,再把 <captio 阅读全文

posted @ 2022-12-19 15:12 梁飞宇 阅读(110) 评论(0) 推荐(0)

HTML(构建 Web)之HTML 表格基础
摘要:本文将从 HTML 表格开始,介绍一些基本的内容,如行和单元格、标题、使单元格跨越多个列和行,以及如何将列中的所有单元组合在一起进行样式化。 什么是表格? 表格是由行和列组成的结构化数据集(表格数据),它让你快速简单地查找某个表示不同类型数据之间的某种关系的值。比如说,某个人和他的年龄,一天或是一周 阅读全文

posted @ 2022-12-19 15:03 梁飞宇 阅读(260) 评论(0) 推荐(0)

HTML(构建 Web)之响应式图片
摘要:在这篇文章中我们将学习关于响应式图片——在不同的屏幕尺寸、分辨率或具有其他类似特性的设备上都呈现良好的图片——并且探究 HTML 提供了什么工具来帮助实现它们,这有助于提升(网页在)不同设备上的性能。响应式图片仅是响应式设计的一部分,我们在 CSS 模块中将学到更多关于这一主题的知识。 为什么要使用 阅读全文

posted @ 2022-12-19 14:43 梁飞宇 阅读(286) 评论(0) 推荐(0)

HTML(构建 Web)之在网页中添加矢量图形
摘要:矢量图形在很多情况下非常有用 — 它们拥有较小的文件尺寸,却高度可缩放,所以它们不会在镜头拉近或者放大图像时像素化。在这篇文章中,我们将为您呈现如何在网页中添加矢量图形。 ❗️备注: 本文的目的并不是教你 SVG;仅仅是告诉你它是什么,以及如何在网页中添加它。 什么是矢量图形? 在网上,你会和两种类 阅读全文

posted @ 2022-12-19 14:14 梁飞宇 阅读(745) 评论(0) 推荐(0)

HTML(构建 Web)之从对象到 iframe - 其他嵌入技术
摘要:到目前为止,你应该掌握了将图像、视频和音频嵌入到网页上的诀窍了。此刻,让我们继续深入学习,来看一些能让你在网页中嵌入各种内容类型的元素:<iframe>, <embed> 和 <object> 元素。<iframe>用于嵌入其他网页,另外两个元素则允许你嵌入 PDF,SVG,甚至 Flash——一种 阅读全文

posted @ 2022-12-19 13:46 梁飞宇 阅读(145) 评论(0) 推荐(0)

HTML(构建 Web)之视频和音频内容
摘要:现在我们可以轻松的为一个网页添加简单的图像,下一步我们开始为 HTML 文档添加音频和视频播放器。在这篇文章中,我们会使用 <video> 和 <audio> 元素来做到这件事;然后我们还会看看如何为你的视频添加字幕。 预备知识: 基础计算机能力,基础的软件安装,基础的文件处理知识,基础的 HTML 阅读全文

posted @ 2022-12-16 00:38 梁飞宇 阅读(123) 评论(0) 推荐(0)

HTML(构建 Web)之HTML 中的图片
摘要:在一开始时,Web 仅有文本,那真的是很无趣。幸运的是,没过多久网页上就能嵌入图片和其他有趣的内容了。虽然还有许多其他类型的多媒体,但是从地位比较低的<img>元素开始是符合逻辑的,它常常被用来在网页中嵌入一张简单的图片。在这篇文章中,我们将看到怎样深入的使用它,包括基本的用<figure>来添加说 阅读全文

posted @ 2022-12-16 00:15 梁飞宇 阅读(339) 评论(0) 推荐(0)

HTML(构建 Web)之HTML 调试
摘要:HTML 优雅明了,但要是出了错,你会不会一头雾水呢,本节将介绍一些查找和修复 HTML 错误的工具。 预备知识: 阅读并理解 HTML 入门、HTML 文字处理初步 和 创建超链接 等文章,熟悉 HTML 的基本概念。 学习目标: 学习调试工具的基础用法,以查找 HTML 中的错误。 调试并不可怕 阅读全文

posted @ 2022-12-15 19:01 梁飞宇 阅读(75) 评论(0) 推荐(0)

HTML(构建 Web)之文档与网站架构
摘要:HTML 不仅能够定义网页的单独部分(例如“段落”或“图片”),还可以使用块级元素(例如“标题栏”、“导航菜单”、“主内容列”)来定义网站中的复合区域。本文将探讨如何规划基本的网站结构,并根据规划的结构来编写 HTML。 预备知识: 阅读 开始学习 HTML、HTML 文字处理初步 、创建超链接,掌 阅读全文

posted @ 2022-12-15 18:31 梁飞宇 阅读(44) 评论(0) 推荐(0)

HTML(构建 Web)之高级文本格式
摘要:HTML 中有许多其他元素可以用于格式化文本,我们没有在HTML 文字处理基础中提到它们。本文中所描述的元素虽然少有人知,但仍然值得去学习(尽管仍然不是完整的列表)。在这里你将了解标记引文、描述列表、计算机代码和其他相关文本、下标和上标、联系信息等。 预备知识: 熟悉 HTML 基础(包含在 开始学 阅读全文

posted @ 2022-12-15 16:22 梁飞宇 阅读(43) 评论(0) 推荐(0)

HTML(构建 Web)之创建超链接
摘要:超链接真的很重要——正是它们让网络成为了网络。本文展示了创建链接所需的语法,并讨论了链接最佳实践。 先决条件: 基本的 HTML 熟悉度,如 HTML 入门 中所述。HTML 文本格式,如 HTML 文本基础知识 所述。 客观的: 学习如何有效地实现超链接,并将多个文件链接在一起。 什么是超链接? 阅读全文

posted @ 2022-12-15 01:51 梁飞宇 阅读(349) 评论(0) 推荐(0)

HTML(构建 Web)之HTML 文本基础
摘要:HTML 的主要工作之一是提供文本结构,以便浏览器可以按照其开发人员的意图显示 HTML 文档。本文解释了如何使用HTML通过添加标题和段落、强调单词、创建列表等来构建文本页面。 先决条件: 基本的 HTML 熟悉度,如 HTML 入门中所述。 客观的: 学习如何标记基本的文本页面以赋予其结构和意义 阅读全文

posted @ 2022-12-14 14:54 梁飞宇 阅读(34) 评论(0) 推荐(0)

HTML(构建 Web)之<head>标签里有什么?Metadata-HTML 中的元数据
摘要:在页面加载完成的时候,head 标签里的内容,是不会在页面中显示出来的。它包含了诸如页面的 <title>(标题)、指向 CSS 的链接(如果你选择用 CSS 来为 HTML 内容添加样式)、指向自定义图标的链接和其它的元数据(描述 HTML 的数据,比如,作者和描述文档的重要关键词)等信息。本文将 阅读全文

posted @ 2022-12-14 00:30 梁飞宇 阅读(80) 评论(0) 推荐(0)

HTML(构建 Web)之学习 HTML
摘要:本文将从 HTML 最基础的部分讲起,对元素(Element)、属性(Attribute)以及可能涉及的一些重要术语进行介绍,并明确它们在语言中所处的位置。本文还会讲解 HTML 元素和页面的组织方式,以及其他一些重要的基本语言特性。学习的过程中,我们会使用 HTML 做一些好玩的事情。 什么是 H 阅读全文

posted @ 2022-12-13 22:58 梁飞宇 阅读(28) 评论(0) 推荐(0)

Web入门之万维网是如何工作的
摘要:这个理论在短期内对你编写网页代码不会有实质性的帮助,但是不久之后你就会真正受益于理解了后台究竟发生了什么。 客户端和服务器 连接到互联网的计算机被称作客户端和服务器。下面是一个简单描述它们如何交互的图表: 客户端是典型的 Web 用户入网设备(比如,你连接了 Wi-Fi 的电脑,或接入移动网络的手机 阅读全文

posted @ 2022-12-13 22:01 梁飞宇 阅读(52) 评论(0) 推荐(0)

Web入门之发布网站
摘要:在你已经写好了代码并且整理好了你网站的全部文件后,你需要将它们全部上线,这样别人才能看到。这篇文章将向你展示如何轻松地将你简单的示例代码传到网上。 有哪些方法可供选择? 发布一个网页并不是三言两语就能简单说明的,这主要是因为我们有很多种方法去完成它。在这篇文章里我们并不准备讲述所有方法,而是从初学者 阅读全文

posted @ 2022-12-13 21:50 梁飞宇 阅读(702) 评论(0) 推荐(0)

Web入门之JavaScript 基础
摘要:JavaScript 是一门编程语言,可为网站添加交互功能(例如:游戏、动态样式、动画以及在按下按钮或收到表单数据时做出的响应等)。 JavaScript 到底是什么? JavaScript(缩写:JS)是一门完备的动态编程语言。当应用于 HTML 文档时,可为网站提供动态交互特性。由布兰登·艾克( 阅读全文

posted @ 2022-12-13 21:37 梁飞宇 阅读(35) 评论(0) 推荐(0)

Web入门之CSS 基础
摘要:层叠样式表(Cascading Style Sheet,简称:CSS)是为网页添加样式的代码。本节将介绍 CSS 的基础知识,并解答类似问题:怎样将文本设置为黑色或红色?怎样将内容显示在屏幕的特定位置?怎样用背景图片或颜色来装饰网页? CSS 究竟什么来头? 和 HTML 类似,CSS 也不是真正的 阅读全文

posted @ 2022-12-13 16:59 梁飞宇 阅读(11) 评论(0) 推荐(0)

Web入门之HTML 基础
摘要:超文本标记语言 (英语:Hypertext Markup Language,简称:HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是:一组段落、一个重点信息列表、也可以含有图片和数据表。正如标题所示,本文将对 HTML 及其功能做一个基本介绍。 HTML 到底是什么? H 阅读全文

posted @ 2022-12-13 16:23 梁飞宇 阅读(10) 评论(0) 推荐(0)

Web入门之处理文件
摘要:一个网站包含许多文件:文本内容、代码、样式表、媒体内容,等等。当你建立一个网站时,你需要在计算机上将这些文件以合理的结构组织起来,确保文件之间交互畅通,并在你最终将它们上传到服务器之前使你的所有内容看起来正确。处理文件讨论了一些你应该注意的问题,以便你能为你的网站建立一个合理的文件结构。 网站应该保 阅读全文

posted @ 2022-12-13 15:53 梁飞宇 阅读(30) 评论(0) 推荐(0)

上一页 1 ··· 14 15 16 17 18 19 20 21 22 ··· 27 下一页