Tutoriais Básicos de HTML

Mídia HTML

Manual de referência HTML

HTML5 Tutoriais Básicos

HTML5 API

HTML5 Mídia

Editores Comuns de HTML Tutoriais Básicos de HTML

O que é HTML

O HTML é chamado de Linguagem de Marcação de Hipertexto, é uma linguagem identificativa. Ela inclui uma série de tags. Através dessas tags, pode-se padronizar o formato dos documentos na Internet, conectando recursos dispersos da Internet em um todo lógico. O texto HTML é composto por comandos HTML, que podem explicar texto, gráficos, animações, som, tabelas, links, etc.

示例

!DOCTYPE　html
<html>
<head>
<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/>
<title>Manual básico(oldtoolbag.com)</title>
</head>
<body>
<h1>Meu primeiro título da página da web</h1>
<p>Meu primeiro parágrafo da página da web.</p>
</body>
</html>

Teste Veja ‹/›

Exemplo de análise

!DOCTYPE html> declara que é HTML5 Documento
O elemento <html> é o elemento raiz da página HTML
O elemento <head> contém os dados meta do documento, como <meta charset="utf-8"> define o formato de codificação da página da web como utf-8。
O elemento <title> descreve o título do documento
O elemento <body> contém o conteúdo visível da página
<h1> define um grande título
O elemento <p> define um parágrafo

Nota: No espaço em branco da página da web, clique com o botão direito do mouse e selecione "Arquivo da página da web" ou pressione F12Ativar o modo de depuração, você pode visualizar o código-fonte da página da web.

O que é HTML?

O HTML é uma linguagem usada para descrever a página da web.

O HTML significa Linguagem de Marcação de Hipertexto: HyperText Markup Language
O HTML não é uma linguagem de programação, mas uma linguagem de marcação
A linguagem de marcação é um conjunto de tags de marcação (tag de marcação)
O HTML usa tags de marcação para descrever a página da web
O documento HTML contém tags HTML e conteúdo de texto
O documento HTML também é chamado de página da web

Tag HTML

As tags de marcação HTML são geralmente chamadas de tags HTML (HTML tag).

As tags HTML são palavras-chave envolvidas por colchetes de ponta, como <html>
As tags HTML geralmente aparecem em pares, como <b> e </b>
A primeira tag do par de tags é a tag de início, e a segunda tag é a tag de fim
As tags de início e de fim também são conhecidas como tags abertas e tags fechadas

<Tag>conteúdo</Tag>

Elementos HTML

"Tag HTML" e "elemento HTML" geralmente descrevem o mesmo significado.

Mas, falando rigorosamente, um elemento HTML contém a tag de início e a tag de fim, conforme o exemplo a seguir:

HTML 元素:

<p>这是一个段落。</p>

Web 浏览器

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户：

HTML 网页结构

下面是一个可视化的HTML页面结构：

<html>

<head>

</head>

<body>

<h1>这是一个标题</h1>

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

</body>

</html>

只有 <body> 区域 (白色部分) 才会在浏览器中显示。

HTML版本

从初期的网络诞生后，已经出现了许多HTML版本:

版本	发布时间
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

!DOCTYPE> 声明

!DOCTYPE>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的，以下方式均可：

!DOCTYPE html !DOCTYPE HTML !doctype html !Doctype Html

通用声明

HTML5

!DOCTYPE html

HTML 4.01

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

查看完整网页声明类型DOCTYPE 参考手册。

中文编码

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

示例

!DOCTYPE　html
<html>
<head>
<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/>
<title>utf-8编码网页(oldtoolbag.com)</title>
</head>
<body>
　
<h1>我的第一个utf-8编码网页标题</h1>
　
<p>Meu primeiro utf-8Codificação de Parágrafos da Página Web.</p>
　
</body>
</html>

Teste Veja ‹/›

Editores Comuns de HTML Tutoriais Básicos de HTML