Conecte-se
Fazer login

Galeria de mapas mentais Tags básicas HTML

Tags básicas HTML

Uma nova introdução às tags básicas HTML! O conteúdo inclui composição, estrutura básica, ferramentas de edição de páginas da web, elementos de mídia HTML, blocos e linhas em páginas HTML, informações básicas da página da web, etc.

Editado em 2023-02-26 01:27:03

WSb6eYgD

Trabalhos recentes Ver mais trabalhos>>

Anévrisme intracrânien
Il s'agit d'une carte mentale sur les anévrismes intracrâniens, avec le contenu principal, notamment: le congé, l'évaluation d'admission, les mesures infirmières, les mesures de traitement, les examens auxiliaires, les manifestations cliniques et les définitions.
Entretien de la comptabilité des coûts
Il s'agit d'une carte mentale sur l'entretien de comptabilité des coûts, le principal contenu comprend: 5. Liste des questions d'entrevue recommandées, 4. Compétences de base pour améliorer le taux de réussite, 3. Questions professionnelles, 2. Questions et réponses de simulation de scénarios, 1. Questions et réponses de capacité professionnelle.
Méthode de recherche de littérature
Il s'agit d'une carte mentale sur les méthodes de recherche de la littérature, et son contenu principal comprend: 5. Méthode complète, 4. Méthode de traçabilité, 3. Méthode de vérification des points, 2. Méthode de recherche inversée, 1. Méthode de recherche durable.

Tags básicas HTML

WSb6eYgD

Trabalhos recentes Ver mais trabalhos>>

Recomendado para você
Descrição

A estrutura básica do HTML
- 8
WSb6eYgD
Web design e produção HTML5 CSS3
- 7
WSb6eYgD
resumo HTML
- 7
WSb6eYgD
Mapa mental elementar em HTML
- 6
WSb6eYgD
Mapa mental de resumo de conhecimento relacionado ao HTML5
- 5
WSb6eYgD
HTML
- 7
WSb6eYgD
HTML
- 9
WSb6eYgD
Mapa mental da web
- 14
WSb6eYgD

Tags básicas HTML

A composição de uma página web

Parte HTML (<html>conteúdo</html>)

Parte JS (<script>Efeitos especiais</script>)

Parte CSS (<style>estilo</style>)

estrutura básica

<! Declaração DOCTYPE html>

<title>Título da página</title>

página da web em html

<head>parte da cabeça

<body>Parte principal

<body>Conteúdo da página da Web, que pode ser texto, imagens, etc.</body>

Ferramentas de edição de páginas da web

caderno

Dreamweaver

Bloco de notas++

Construtor H

VScodr

Informações básicas da página da web

Soluções para caracteres ilegíveis

Adicione a tag <meta> à seção principal

Chinês simplificado: gb2312

Chinês tradicional: big5

Página da web em inglês puro: iso-8859-1

Cumpra os padrões internacionais: UTF-8

Cor de fundo da página ou imagem de fundo

bgcolor="#FFCCFF""

Cor de fundo da página da web

background="back_image.GIF""

Imagem de fundo da página da web

Semantização de tags básicas em páginas da web

título

<h1>

parágrafo

foto

<img>

nova linha

<br>

linha horizontal

<h>

<hr size="5">Valor da espessura da linha

color="vermelho" cor da linha

largura="300"/>largura da linha

etiqueta de título

<h1>Título de nível 1</h1> <h2>Título de nível 2</h2> <h3>Título de nível 3</h3> <h4>Título de quarto nível</h4 <h5>Títulos de cinco níveis</h5> <h6>Títulos de seis níveis</h6>

<h1> é o maior, seguido por <h2> e assim por diante...

Recomenda-se incluir palavras-chave ao usar tags <h1> e tags <h2>, e é recomendado aparecer apenas uma vez. As tags <h3>, <h4> e <h5> têm pouco efeito SEO e é recomendado não usá-las indiscriminadamente.

etiqueta de imagem

*.jpg

*.gif

*.png

*.bmp

Gramática básica de imagens

<img src="tag de imagem"

localização da imagem

largura = "300"

Largura da imagem

altura = "150"

Altura da imagem

alt="Abertura do show de celebridades">

Texto indicativo adicionado à imagem, mouse Mova a imagem para exibir texto informativo

etiqueta de lista

Atributo do tipo lista não ordenada define marcadores

Marcadores: disco (padrão), quadrado e círculo

Implementado com tag <ul>

Use a tag <li> para representar os itens da lista

O atributo do tipo lista ordenada define a ordem dos itens

Ordem do projeto: 1 (padrão), A, a, I, i

Implementado com tag <ol>

Use a tag <li> para representar os itens da lista

Definir tabela de classes - sem marcadores e ordem de exibição

Sem marcadores e ordem de exibição

Implementado com <dl tag>

Defina itens da lista com tag <dt>

Defina o conteúdo com a tag <dd>

Etiquetas de texto pré-formatadas

Tag:<pré>…</pré>

Exemplo:<pré>…… </pré>

hiperlink

etiqueta <a>

<a href="caminho"

caminho do link

target="posição da janela de destino">"

Descrição: Em qual janela o link é aberto

Texto ou imagem do link</a>

Nota: Vá para a página correspondente após o modo autônomo

Valores comuns: _self, _blank

Link para outras páginas

Caminho relativo: especifica a localização do arquivo em relação ao arquivo atual

Exemplo: Para vincular a uma página no mesmo diretório (C:\HTML), escreva <a href="doc1.html>

Caminho absoluto: especifique o caminho completo do diretório raiz até o arquivo

Exemplo: Para vincular a uma página no mesmo diretório (C:\HTML), escreva <a href="c:\html\doc2.html>

Link para esta página

Tags âncora: usadas para permitir que os usuários “pulem” para uma determinada parte do documento.

Defina a tag âncora:<a name="helpme">Recém-chegados na estrada para guiar os homens</a> Link para localização da tag âncora: <a href="#helpme">[Recém-chegado na estrada]</a>

Nota: Se a página não for longa o suficiente, o link âncora não saltará. Neste momento, basta adicionar mais conteúdo da página para torná-la mais longa.

Blocos e linhas em páginas HTML

rótulos em nível de linha

Características: Pode ser mantido na mesma linha que outros elementos, não pode ser quebrado automaticamente, não pode definir largura e altura

Tags comuns de nível de linha: a, span, strong, u (sublinhado), em (ênfase), i (itálico), sub (subscrito), sup (sobrescrito)

tags em nível de bloco

Recursos: não pode ser mantido na mesma linha que outros elementos (ocupa uma linha), pode quebrar automaticamente e pode definir largura e altura

Tags comuns em nível de linha: div, p, h1-h6, ul, li, dl (lista de definições, semelhante a ul...li), dt (define os itens na lista de definições), dd (define o conteúdo do item, combinado com dt)

Tags em nível de bloco comumente usadas em layout

Tag de seção <div>

Tags <div> podem ser incorporadas em tags como <p> e usadas como elementos de bloco comuns.

Tabela:<tabela> Linha: <tr>…</tr> Coluna (célula):<td>…</td>

Formulário:<de> … </de>

Tags in-line em nível de bloco

Características: Pode ser mantido em linha com outros elementos e também pode definir largura e altura

Tags comuns: textarea, input, img, botão

Elementos de mídia HTML

Elemento de vídeo:<video>…</video>

Exemplo:<video src="caminho do vídeo"

Descrição: Especifique o caminho do arquivo de vídeo a ser reproduzido

controles></video>

Descrição: Fornece controles para reprodução, pausa e volume

Atributos comuns da tag de vídeo

1.a reprodução automática aparece e o vídeo será reproduzido imediatamente após estar pronto.

2. Quando os controles aparecem, eles são exibidos ao usuário, como o botão de reprodução.

3.loop aparece e, em seguida, comece a reproduzir novamente após a conclusão da reprodução do arquivo de mídia.

4.mute aparece, o áudio do vídeo é silenciado.

5.src URL do vídeo a ser reproduzido

Elementos de áudio:<audio>…</audio>

<audio src="elemento de áudio"

Descrição: Especifique o caminho do arquivo de áudio a ser reproduzido

controles></audio>

Descrição: Fornece controles para reprodução, pausa e volume

Atributos de reprodução automática: reprodução automática

<reprodução automática de vídeo> … … </vídeo>

Atributos comuns da tag de origem

1.src especifica o URL do arquivo de mídia 2.type especifica o tipo de mídia do recurso

Explicação: 1. Você pode escrever várias tags de origem e especificar o tipo, que é compatível com diferentes suportes de decodificação de navegador. Mas src só pode escrever um 2. Os valores do atributo type da tag de origem incluem video/ogg, video/mp4, video/webm