Wondershare EdrawMind
EdrawMindTags básicas HTML
Galeria de mapas mentais Tags básicas HTML
- 4
Tags básicas HTML
O mapa mental de tags HTML básicas inclui elementos de mídia HTML, blocos e linhas em páginas HTML, semântica de tags básicas em páginas da web, tags de imagem, ferramentas de edição de páginas da web, etc.
Editado em 2023-03-02 14:21:36- 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
- 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.
- Recomendado para você
- Descrição
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
<meta charset="gb2312">
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
<p>...</p>
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