认识HTML(简介)

devtools/2024/11/16 0:59:01/
htmledit_views">

HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其他技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。

“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。

HTML 使用“标记”(markup)来注明文本、图片和其他内容,以便于在 Web 浏览器中显示。HTML 标记包含一些特殊“元素”如 <head>、<title>、<body>、<header>、<footer>、<article>、<section>、<p>、<div>、<span>、<img>、<aside>、<audio>、<canvas>、<datalist>、<details>、<embed>、<nav>、<output>、<progress>、<video>、<ul>、<ol>、<li> 等等。

HTML 元素通过“标签”(tag)将文本从文档中引出,标签由在“<”和“>”中包裹的元素名组成,HTML 标签里的元素名不区分大小写。也就是说,它们可以用大写,小写或混合形式书写。例如,<title> 标签可以写成 <Title><TITLE> 或以任何其他方式。然而,习惯上与实践上都推荐将标签名全部小写。

下面的文章会帮助你更好地了解 HTML。

主要资源

HTML 介绍

如果你是 Web 开发新手,请务必阅读我们的 HTML 基础文章来了解什么是 HTML 以及如何使用它。

HTML 教程

关于如何使用 HTML 的文章,教程和完整的示例,查看我们的 HTML 学习区。

HTML 参考

在我们丰富的 HTML 参考部分中,你可以找到在 HTML 中每一个元素和属性的详细信息。

初学者教程

我们的 HTML 学习区 含有许多富有特色的模块,学习者可以在没有任何先前经验的情况下从零开始,掌握 HTML。

HTML 介绍

这一模块将为你打下基础,并为进一步的学习铺平道路。在这里,你将掌握一些重要的概念和语法,学习如何将 HTML 用于文本、如何创建超链接以及运用 HTML 去构建一个网页。

多媒体与嵌入内容

这个模块将带领你探索如何使用 HTML 在你的网页中包含多媒体内容,包括通过许多不同的方式嵌入图片,以及如何嵌入视频、音频甚至整个其他网页。

HTML 表格

如何用可理解并易于访问的形式在网页中展示表格化数据一向都是个不小的挑战。这个模块涵盖了基本的表格标记,以及一些更复杂的特性,比如实现标题和总结等。

HTML 表单

表单是构成 Web 世界的重要组成部分——它们提供了大量你所需要用来与网站进行交互所需的功能。比如注册、登录、发送评论反馈、购买商品等等。这个模块将引导你建立一个客户端/前端部分的表单。

用 HTML 解决常见问题

该部分提供了一些链接,它们指向那些你在构建 Web 页面的过程中最常见的问题的解决方法:如何处理网页标题、添加图片或视频、强调某些内容、建立基本的表单等。

高级主题

CORS 处理跨域图片

通过搭配 crossorigin 属性和适当的 CORS 标头,在 <img> 元素中定义的图片可以从外部来源加载并在 <canvas> 元素中使用,就像是从本地源加载一样。

CORS 设置属性

一些提供了对 CORS 的支持的 HTML 元素,比如 <img> 或 <video>,具有 crossorigin 元素属性/attribute(crossOrigin 对象属性/property),该属性能使你配置其跨域获取资源的请求。

使用 rel="preload" 预加载页面内容

<link> 元素的 rel 属性的值 preload 允许你在 HTML 的 <head> 部分声明一些(资源)获取请求,以指定那些在页面加载后即刻需要的资源。因此在浏览器的主渲染机制介入前,这些资源会在页面加载生命周期的早期阶段进行预加载。这样可以保证这些资源可被更早使用并减少阻塞页面初次渲染的可能性,从而提升性能。这篇文章提供了关于 preload 作用机制的基本指导。

参考

HTML 参考

HTML 由元素组成,每个元素都可以被多个属性修饰。HTML 文档通过链接相互连接。

HTML 元素参考

浏览完整的 HTML 元素列表。

HTML 属性参考

HTML 元素都含有属性。这些额外的属性值可以通过各种途径对元素进行配置或调整其行为。

全局属性

全局属性可以在所有 HTML 元素上进行设置,包括那些没有在相关标准中出现的元素。这意味着即使这些非标准元素使得文档并不符合 HTML5 标准,它们也必须允许这些属性存在。

行级元素和块级元素

HTML 元素通常是“行级”或“块级”元素。一个行级元素仅会占用由定义它的标签所包裹起来的空间。而一个块级元素将会占用其父元素(容器)的全部空间,也就是创建一个“块”。

链接类型

在 HTML 中,各种各样的链接类型被用来确立和定义两个文档之间的关系。可以设置链接类型的链接元素包括 <a>、<area> 和 <link>。

Web 媒体类型和格式指南

<audio> 和 <video> 元素允许你原生地播放音频和视频媒体,无需任何外部软件的支持。

HTML 内容种类

HTML 包含了几种内容,每种内容在特定的情景上下文中有效,而在其他上下文中无效。每种内容也指定了可以被它们包含的类别,以及可以或不可以在其中使用的元素。这里提供了一个关于这些类别的说明。

怪异模式和标准模式

关于怪异模式和标准模式的历史信息。


http://www.ppmy.cn/devtools/134297.html

相关文章

基于SpringBoot+Vue的船运物流管理系统(带1w+文档)

基于SpringBootVue的船运物流管理系统(带1w文档) 基于SpringBootVue的船运物流管理系统(带1w文档) 现今&#xff0c;互联网在我们的日常生活占据着日益重要的地位&#xff0c;我们也越来越离不开对移动设备、电脑等上网设备的使用。传统的船运物流管理系统模式主要依靠管理人员…

Ceph后端两种存储引擎介绍

Ceph是一个可靠的、自治的、可扩展的分布式存储系统&#xff0c;它支持文件系统存储、块存储、对象存储三种不同类型的存储&#xff0c;以满足多样存储的需求。在Ceph的存储架构中&#xff0c;FileStore和BlueStore是两种重要的后端存储引擎&#xff0c;下面将分别进行详细介绍…

Java基础-组件及事件处理(上)

(创作不易&#xff0c;感谢有你&#xff0c;你的支持&#xff0c;就是我前行的最大动力&#xff0c;如果看完对你有帮助&#xff0c;请留下您的足迹&#xff09; 目录 Swing 概述 MVC 架构 Swing 特点 控件 SWING UI 元素 JFrame SWING 容器 说明 常用方法 示例&a…

Invar-RAG:基于不变性对齐的LLM检索方法提升生成质量

Invar-RAG&#xff1a;基于不变性对齐的LLM检索方法提升生成质量 论文链接:https://arxiv.org/html/2411.07021v1 论文概述 在检索增强型生成&#xff08;Retrieval-Augmented Generation, RAG&#xff09;系统中直接应用大型语言模型&#xff08;Large Language Models, LLM…

Unity资源打包Addressable AA包

从零到一 很多资料都是通过一步步设置讲解的&#xff0c;有时很想先快速实现&#xff0c;再了解细节。 下面就是远程加载Cube.prefab然后实例化简单的代码。 代码中可以不需要远程的网址&#xff0c;不需要资源下载的位置&#xff0c;不需要判断是否已经下载到本地。 那是如…

编写一个脚本实现参数的远程主机网络探测python test_ip.py 192.168.0.10~192.168.0.100(sys模块)

""" 编写一个脚本实现参数的远程主机网络探测python test_ip.py 192.168.0.10~192.168.0.100 """ #导入模块 #读取起始IP&#xff0c;结束IP import sys start_ip sys.argv[1] end_ip sys.argv[2] # print(start_ip,end_ip)##########组装数据…

docker安装redis

1、拉取镜像 docker pull redis:latest运行之前需要再/data/redis创建redis.conf配置文件 内容如下 # bind 192.168.1.100 10.0.0.1 # bind 127.0.0.1 ::1 #bind 127.0.0.1protected-mode noport 6379tcp-backlog 511requirepass roottimeout 0tcp-keepalive 300daemonize no…

【学习记录丨UVM】2.1uvm_component 与uvm_object

UVM中常用类的继承关系 1.uvm_component派生自uvm_object 上图展示了UVM中常用类的继承关系&#xff0c;可以看到&#xff1a; &#xff08;一&#xff09; uvm_conponent是继承自uvm_object的。这说明了uvm_component继承了object的特性&#xff0c;又同时有自己的特别属性&a…