Galeria de mapas mentais Noções básicas de programação noções básicas de HTML
Noções básicas de programação: Resumo do conhecimento básico de HTML, incluindo alguns conceitos básicos, estrutura básica de HTML, tags comuns, tabelas, listas, formulários, etc.
Editado em 2022-11-27 21:35:54Il 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.
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.
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.
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.
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.
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.
Noções básicas de programação: noções básicas de HTML
1: Conceitos básicos
Páginas da web e sites
Um site é composto de páginas da web
O conteúdo da Web inclui: texto, imagens, links e outros elementos
As páginas da Web são escritas usando a linguagem de marcação de hipertexto HTML
A extensão do arquivo é .html
Navegador e kernel do navegador
Navegadores comuns: Google, Firefox, IE, Safari
Navegadores e kernels correspondentes
A imagem pode ser ampliada
padrões da web
Consórcio W3C World Wide Web
Conteúdo padrão o suficiente
estrutura
A estrutura é usada para organizar e classificar os elementos da página web. Nesta fase, aprendo principalmente HTML.
Desempenho
Desempenho é usado para definir o layout, cor, tamanho e outros estilos de aparência dos elementos da página web, principalmente referentes ao CSS
Comportamento
Comportamento refere-se à definição de modelos de páginas web e à escrita de interações. Nesta fase, aprendo principalmente Javascript.
2: Estrutura básica do HTML
Especificações gramaticais
As tags são agrupadas usando <>
A maioria deles aparece em pares, que são rótulos duplos, e se aparecerem individualmente, são rótulos únicos.
As tags consistem em relacionamento pai-filho (inclusivo) e relacionamento entre irmãos (paralelo).
Estrutura básica (etiqueta de esqueleto)
ferramentas de desenvolvimento
Existem muitos editores de código, o princípio é que você pode usá-los confortavelmente
Recomendado para usar o código VS
Teclas de atalho comumente usadas para VS Code
Novo arquivo (Ctrl N)
Salvar (Ctr S), observe que a movimentação deve ser salva como um arquivo htm
Ctrl mais tecla de sinal, Ctrl menos tecla de sinal pode aumentar e diminuir o zoom na visualização
Gere a estrutura do esqueleto da página, entre! Pressione a tecla Tab
Use o plug-in para visualizar a página no navegador: clique com o botão direito do mouse e clique em "Abrir no navegador padrão" na saída pop-up
https://zhuanlan.zhihu.com/p/124233987
código esqueleto
<! DOCTYPE>Etiqueta
A tag de declaração de tipo de documento informa ao navegador que esta página usa a versão HTML5 para exibi-la.
idioma lang
Informe ao navegador ou mecanismo de pesquisa que este é um site em inglês e que esta página será exibida em inglês.
conjunto de caracteres do conjunto de caracteres
Pegue o UF-8 para salvar o texto. Se você não escrever, ficará distorcido.
semântica de tags
De acordo com a semântica da tag, colocar a tag mais razoável no local apropriado pode tornar a estrutura da página mais clara.
3: Tags comumente usadas
h tag de título da série
h1->h6 diminui passo a passo
tag p, tag de parágrafo
O navegador aplicará automaticamente quebras de linha
etiqueta de nova linha
forçar quebra de linha
rótulo único
formatação de texto
Audacioso
forte</strong-ou<b></b>
inclinar
<em></em>ou <i><i/>
tachado
<del><del/>ou <s></s>
Sublinhado
<ins></ins> ou <u></u>
Sem tags semânticas
divisão
período
Marcação da imagem <img />
Atributos
src: caminho para a imagem (fonte)
alt: texto exibido quando a imagem é carregada incorretamente
título: texto exibido quando o mouse passa sobre a imagem
largura: largura da imagem
altura: a altura da imagem
borda: a borda da imagem
Características das propriedades
1. Ordem parcial entre atributos
2. O nome do atributo e o valor do atributo existem na forma de pares de valores-chave.
3. O nome do atributo e o valor do atributo são separados por um sinal de igual e o valor do atributo deve ser colocado entre aspas;
caminhos e conexões
caminho
caminho relativo
Encontre o nome diretamente na mesma pasta
Suba um nível ../
abaixo /
caminho absoluto
Etiqueta do link <a </a>
Link externo <a href="http://www.qq.com"></a> Escreva o URL completo do nome de domínio do protocolo
Link interno <a href="index.html"></a> basta escrever o nome do arquivo diretamente
Atributos
href: Especifique a página para onde ir
título: texto exibido quando o mouse passa
alvo: _self (sobrescreverá a janela original por padrão) _blank (abrirá como uma nova janela) Como abrir a janela
#: Evitará que a página salte, mas atualizará a página
ponto de ancoragem
Links usam #
O valor do ID da tag de destino é consistente com o número da conexão.
Comentários e caracteres especiais
Editor usa teclas Ctrl/atalho
4: Mesa
Rótulo
<tabela></tabela> tabela
OK
Célula
<th></th> Cabeçalho Negrito Enegrecido Centralizado automaticamente
<caption></caption> O título da tabela é escrito internamente e exibido centralizado externamente.
<thead></thead> Cabeçalho da estrutura
estrutura <tbody></tbody>
<tfoot></tfoot> Parte inferior da estrutura
Atributos
borda: borda da tabela, padrão 0
largura: largura
altura: altura
espaçamento entre células: a distância entre as células
cellpadding: a distância entre as células e o conteúdo
alinhar: esquerda/centro/direita
Nota: Ao definir o centro da tabela, toda a tabela será centralizada (o texto não será centralizado). Quando tr ou td for especificado, o texto será centralizado.
colspan: mesclagem de coluna
rowspan: mesclagem de linha
5: Lista
lista não ordenada
lista ordenada
lista personalizada
6: Formulário
atributo de entrada
1.texto: caixa de texto
2.senha: caixa de senha
3.rádio: botão de opção
4.caixa de seleção: caixa de seleção
5. botão: botão comum
6.reset: O botão reset precisa ser combinado com o formulário para ser eficaz.
7. enviar: botão Enviar
8. atributo de imagem src
9. botão de arquivo para fazer upload de fotos
atributo de nome
1.Enviar plano de fundo......
2. Identificação do nome Para botões de opção, apenas um pode ser selecionado.
valor: o texto exibido por padrão na caixa de texto
verificado: verificado por padrão
Você pode escrever um atributo ou nome do atributo = valor do atributo
uso de rótulo
1.<label>Insira <input type="text"> <input type="text"></label>
2.<label for="a">Por favor insira</label> <input type="text" id="a">
Área de texto: textarea: mensagem do usuário
lista suspensa
<selecionar> <option>Selecione</option> <opção >Apple</option> <opção selecionada>Banana</option> <opção>Laranja</opção> </selecionar>
A seleção padrão da lista suspensa: selecionado
formulário
A principal função: coletar informações do usuário e enviá-las para segundo plano
ação: Envie o endereço do plano de fundo
method="get/post" Método de envio (transmissão) para segundo plano
name = "a" informa ao servidor qual formulário foi enviado