- 01 HTML 语言简介 概述 HTML 是网页使用的语言，定义了网页的结构和内容。浏览器访问网站，其实就是从服务器下载 HTML 代码，然后渲染出网页。 HTML 的全名是“超文本标记语言”（HyperText Markup Langua... 4 年前
- 02 URL 简介 概述 URL 是“统一资源定位符”（Uniform Resource Locator）的首字母缩写，中文译为“网址”，表示各种资源的互联网地址。下面就是一个典型的 URL。 https://www.example.... 5 年前
- 03 网页元素的属性 简介 网页元素的属性（attribute）可以定制元素的行为，不同的属性会导致元素有不同的行为。元素属性的写法是 HTML 标签内部的“键值对”。 <html lang="en"> 上面代码中， <html>标签内... 2 年前
- 04 HTML 字符编码 简介 网页包含了大量的文字，浏览器必须知道这些文字的编码方法，才能把文字还原出来。 一般情况下，服务器向浏览器发送 HTML 网页文件时，会通过 HTTP 头信息，声明网页的编码方式。 Content-Type: ... 5 年前
- 05 网页的语义结构 HTML 标签的名称都带有语义（semantic），使用时应该尽量符合标签的语义，不要用错误语义的标签。语义良好的网页，天然具有良好的结构，对于开发者易读易写，容易维护，也能帮助计算机更好地处理网页内容。 含义 H... 5 年前
- 06 文本标签 历史上，网页的主要功能是文本展示。所以，HTML 提供了大量的文本处理标签。 <div> <div>是一个通用标签，表示一个区块（division）。它没有语义，如果网页需要一个块级元素容器，又没有其他合适的标签，... 5 年前
- 07 列表标签 列表是一系列排列好的项目，主要分成两类：有序列表和无序列表。 有序列表是每个列表项前面有编号，呈现出顺序，就像下面这样。 1. 列表项 A 2. 列表项 B 3. 列表项 C 无序列表则是列表项前面没有编号，只有一... 10 个月前
- 08 图像标签 图片是互联网的重要组成部分，让网页变得丰富多彩。本章介绍如何在网页插入图片。 <img> <img>标签用于插入图片。它是单独使用的，没有闭合标签。 <img src="foo.jpg"> 上面代码在网页插入一张图... 6 年前
- 09 <a> 简介 链接（hyperlink）是互联网的核心。它允许用户在页面上，从一个网址跳转到另一个网址，从而把所有资源联系在一起。 <a>标签就代表一个可以跳转的链接。它不仅可以跳转到其他页面，也可以跳转到文本、图像、文件... 2 年前
- 10 <link> 简介 <link>标签主要用于将当前网页与相关的外部资源联系起来，通常放在 <head>元素里面。最常见的用途就是加载 CSS 样式表。 <link rel="stylesheet" type="text/css"... 2 年前
- 11 <script>，<noscript> <script>标签用于在网页插入脚本， <noscript>标签用于指定浏览器不支持脚本时的显示内容。 <script> <script>用于加载脚本代码，目前主要是加载 JavaScript 代码。 <scri... 2 年前
- 12 多媒体标签 除了图像，网页还可以放置视频和音频。 <video> <video>标签是一个块级元素，用于放置视频。如果浏览器支持加载的视频格式，就会显示一个播放器，否则显示 <video>内部的子元素。 <video src=... 6 年前
- 13 iframe <iframe>标签用于在网页里面嵌入其他网页。 基本用法 <iframe>标签生成一个指定区域，在该区域中嵌入其他网页。它是一个容器元素，如果浏览器不支持 <iframe>，就会显示内部的子元素。 <iframe... 5 年前
- 14 表格标签 表格（table）以行（row）和列（column）的形式展示数据。 <table>， <caption> <table>是一个块级容器标签，所有表格内容都要放在这个标签里面。 <table> ... ... ... 5 年前
- 15 表单标签 表单（form）是用户输入信息与网页互动的一种形式。大多数情况下，用户提交的信息会发给服务器，比如网站的搜索栏就是表单。 表单由一种或多种的小部件组成，比如输入框、按钮、单选框或复选框。这些小部件称为控件（cont... 3 年前
- 16 其他标签 本章介绍一些最新引入标准的标签。 <dialog> 基本用法 <dialog>标签表示一个可以关闭的对话框。 <dialog> Hello world </dialog> 上面就是一个最简单的对话框。 默认情况... 7 年前
- 17 移动设备网页设计 <meta>的 viewport 设置 <meta>的 viewport 设置用来控制网页的视觉大小。 <meta name="viewport" content="initial-scale=1"> 这表示网页初... 7 年前