1. Tag de declaração de tipo de documento 2. Tipo de linguagem Lang 3. Conjunto de caracteres 4. Tags comuns HTML Declaração de documento HTML5 HTML5HTML 4.01XHTML 1.0
</DOCTYPE> Sua função é informar ao navegador qual versão HTML usar para exibir a página web.
Código: </DOCTYPE html> significa usar a versão HTML5 para exibir a página da web
As coisas a serem observadas são:
1. A declaração <!DOCTYPE> está localizada bem no início do documento, antes da tag <html>.
2. <!DOCTYPE> não é uma tag HTML
Isso geralmente é usado
<!DOCTYPEhtml> <html lang="zh-CN">
Usado para definir o poder de exibição do documento
pt ---Inglês
zh-CN---Chinês
Um conjunto de caracteres é uma coleção de caracteres para que os computadores possam reconhecer e armazenar texto.
Dentro da tag <head>, você pode especificar qual codificação de caracteres o documento HTML deve usar através do atributo charset da tag <meta>.
<meta charset="UTF-8"/>
"UTF-8" também é chamado de Unicode
4.1 Etiqueta de título
<h1>Eu sou um título de primeiro nível</h1>
Características:
O texto com o título ficará mais em negrito e o tamanho da fonte também ficará maior.
Um título em sua própria linha
Os exemplos são os seguintes:
A adição de tags de título precisa ser colocada em <body></body>
A fonte "Title Tag" fica mais ousada e maior
Insira todas as tags de título de seis níveis
Cada título ocupa uma linha e o tamanho da fonte diminui em sequência. À medida que o título for adicionado, o tamanho da fonte ficará mais em negrito.
4.2 Tags de parágrafo e tags de quebra de linha
<p>Eu sou uma tag de parágrafo</p>
Efeito de exibição (há um grande espaço entre os diferentes parágrafos)
Se quiser quebrar a linha, você precisa usar a tag de quebra de linha</br> (o efeito não é exibido)
Aqui está uma página da web que segue o processo:
Documento
pegar!
4.3 Tags de formato de texto
Em páginas da web, às vezes é necessário definir efeitos de negrito, itálico ou sublinhado para o texto. Nesse caso, é necessário usar a tag de formato de texto em HTML (para destacar a importância, que é mais importante que o texto comum).
Semântica | Rótulo | ilustrar |
Audacioso | <strong></strong> ou <b></b> | Mais recomendo o primeiro |
barra | <em></em> ou <i></i> | Mais recomendo o primeiro |
tachado | <del></del> ou <s></s> | Mais recomendo o primeiro |
Sublinhado | <ins></ins> ou <u></u> | Mais recomendo o primeiro |
4.4 Tags <div> e <span>
Essas duas tags não têm semântica. Elas são apenas uma caixa usada para armazenar conteúdo.
<div>Este é o cabeçalho</div> (apenas uma div pode ser colocada em uma linha)
Por exemplo: <div>Livro de contos de fadas</div>1997
A saída deve ser
<span>Preço de hoje</span> (o conteúdo pode ser exibido em uma linha)
Por exemplo: <span>Contos de fadas de Grimm</span>
<span>Contos de fadas de Andersen</span>
<span>Fábulas de Esopo</span>
A saída deve ser:
4.5 Tags e caminhos de imagens
Como inserir imagens em páginas da web?
Em HTML, a tag <img> é usada para definir imagens em páginas HTML
<img src="URL da imagem"/>
src é um atributo obrigatório da tag <img>, que é usada para especificar o caminho e o nome do arquivo de imagem.
É melhor colocar a imagem na mesma pasta da página da web
Você pode vê-lo diretamente na página web, a imagem é abreviada ,
Aqui estão as propriedades básicas das tags de imagem
propriedade | valor do atributo | ilustrar |
| fonte | Caminho da imagem | Atributos obrigatórios |
alternativo | texto | Substitua texto e imagens que não podem ser exibidos |
título | texto | Texto de prompt, o texto será exibido quando o mouse for colocado sobre a imagem |
largura | Pixel | Definir largura da imagem |
altura | Pixel | Definir altura da imagem |
fronteira | Pixel | Defina a espessura da borda da imagem |
Primeiro tente o atributo alt. Quando a imagem não puder ser exibida, digite <img src="image1.jpg" alt="Fairy Tale"/> (a imagem image1 aqui não existe, portanto não pode ser exibida)
Em seguida, tente o atributo title novamente, digite <img src="image.jpg" title="Fairy Tale"/> e experimente você mesmo este efeito.
Para testar os atributos de largura, altura e borda, insira <img src="image.jpg" title="Fairy Tale" width="300" height="100" border="15"/>
Coisas a serem observadas sobre tags de imagem:
(1) A tag da imagem deve ser escrita após o nome da tag
(2) Os atributos não estão em uma ordem específica e os nomes das tags, atributos e atributos devem ser separados por espaços.
(3) Formato chave = "valor"
4.6 Tags e caminhos de imagens
Os caminhos podem ser divididos em: caminhos absolutos e caminhos relativos
1. Caminho relativo
É a posição da imagem em relação à página HTML
Classificação de caminho relativo | símbolo | ilustrar |
Caminho do mesmo nível | <img src="image.jpg"/> | |
Caminho do próximo nível | / | <img src="images/baidu.gif"/> |
Caminho do nível anterior | ../ | <img src="../baidu.gif"/> |
2. Caminho absoluto
É o caminho no sentido popular: "D:webimglogo.gif"
(Vou atualizá-lo mais tarde, quando tiver tempo)
Declaração de documentação HTML5
<!DOCTYPEhtml>
O bloco de código acima é uma declaração de documento HTML5, informando que a página da web atual foi escrita de acordo com os padrões HTML5.
Ao escrever uma página da web, certifique-se de escrever a declaração do documento HTML5 no topo da página da web. Se você não escrever uma declaração do documento, alguns navegadores entrarão em um modo estranho. Depois de entrar no modo estranho, o navegador irá analisar a página e a página não será exibida normalmente. Portanto, para evitar entrar neste modo, você deve escrever uma declaração no documento.
Declarações de documentos comumente usadas
<!DOCTYPEhtml>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Nota: <!DOCTYPE> não é uma tag HTML. Ele fornece ao navegador informações (uma declaração) sobre qual versão do HTML foi escrita.
Para ser compatível com algumas páginas antigas, o navegador possui dois modos de análise:
Modo Padrões Modo Padrões
Modo Quirks modo estranho
Os modos estranhos produzirão algum comportamento imprevisível ao analisar páginas da web e devemos evitar a ocorrência de modos estranhos.
Tipo de arquivo <HTML></HTML> (colocado no início e no final do arquivo)
Isso conclui este artigo sobre tags de declaração de tipo de documento HTML (tutorial básico). Para obter mais conteúdo de declaração de documento HTML relacionado, pesquise os artigos anteriores em downcodes.com ou continue navegando nos seguintes artigos relacionados. futuro.