linguagem de marcação de texto htyper, ou seja, linguagem de marcação de hipertexto
Hipertexto: significa que a página pode conter elementos não textos, como imagens, links e até música, programas.
Idioma de marcação: um idioma composto por marcas (rótulos).
Página da web == documento html, analisado pelo navegador, usado para exibir
Página da Web estática: Recursos estáticos, como xxx.html
Página da Web dinâmica: o código HTML é gerado dinamicamente por uma linguagem de desenvolvimento com base em solicitações de usuário.
A seguir, o diagrama de estrutura das árvores do arquivo html
Conceito de tag:• É composto de palavras envoltas por um par de colchetes de ângulo. Por exemplo: <html> *As palavras em todas as tags não podem começar com números.
• As tags são insensíveis a minúsculas. <html> e <html>. O minúsculo é recomendado.
• A tag é dividida em duas partes: a etiqueta inicial <a> e a etiqueta final </a>. A parte entre as duas tags é chamada de corpo de tags.
• Algumas funções de tags são relativamente simples. Basta usar uma tag. Esta tag é chamada de autismo e tags. Por exemplo: <br/> <hr /> <input /> <img />
• Tags podem ser aninhadas. Mas eles não podem ser aninhados cruzados. <a> <b> </a> </b>
Propriedades das tags:• Geralmente aparece na forma de pares de valor-chave. Por exemplo, nome = Alex
• As propriedades só podem aparecer na tag de início ou autismo e tags.
• Os nomes de atributos são todos minúsculos. *Os valores do atributo devem ser envolvidos em citações duplas ou citações únicas, por exemplo, nome = Alex
• Se o valor do atributo e o nome do atributo forem exatamente iguais, basta escrever o nome do atributo diretamente. Por exemplo, readonly
2. Introdução às principais etiquetas da cabeça• <mEta> Composição de meta tags: Existem dois atributos na metatag, o atributo de nome, respectivamente, o atributo http-equiv e o atributo de nome. Atributos diferentes têm valores diferentes de parâmetros, e esses diferentes valores de parâmetros realizam diferentes funções da página da web.
1 O atributo de nome é usado principalmente para descrever uma página da web e o valor do atributo correspondente é o conteúdo. O conteúdo do conteúdo é usado principalmente pelos robôs do mecanismo de pesquisa para encontrar informações e classificar informações.
<meta nome = keywordscontent = meta resumo, html meta, meta atributo, meta jump>
<meta nome = descriptionContent = Antiga instituição de treinamento de meninos é criada por um velho menino>
2 HTTP-Equiv, como o nome sugere, é equivalente ao cabeçalho do arquivo HTTP. Ele pode repassar algumas informações úteis para o navegador para ajudar a exibir o conteúdo da página da web de maneira correta e precisa. O valor do atributo correspondente é o conteúdo. O conteúdo no conteúdo é na verdade o valor variável de cada parâmetro.
<meta http-equiv = refreshContent = 2; url = https: //www.vevb.com> // (observe as citações depois, que são antes dos segundos e após o URL, respectivamente)
<meta http-equiv = content-typeContent = text/html; charset = utf8>
<meta http-equiv = conteúdo compatível com X-UA = ie = Edge, Chrome = 1>
• <title> garoto velho </title>
• <link rel = icon href = http: //www.jd.com/favicon.ico>
3. Tags corporais Tags básicas:<hn>: o intervalo de valor de n é 1 ~ 6; de grande a pequeno. Usado para representar o título.
<p>: tag de parágrafo. O conteúdo do pacote é embrulhado na fila. Há também uma linha em branco entre o conteúdo superior e inferior.
<b> <strong>: tag em negrito.
<Strike>: Adicione uma linha média ao texto.
<em>: O texto se torna itálico.
<pup> e <uns>: marcadores do canto superior e mesas de canto inferior.
<br>: linha de marca.
<HR>: linha horizontal
<p> <pan>
Tags em nível de bloco e embutidas
Tag de nível de bloco: <p> <h1> <table> <ol> <ul> <morm> <p>
Tags embutidas: <a> <input> <mg> <suM> <pup> <sexttarea> <pan>
Características dos elementos do bloco① Sempre comece em uma nova linha;
② Altura, altura da linha, margem externa e margem interna podem ser controladas;
③ A largura padrão é 100% do seu contêiner, a menos que uma largura seja definida.
④ Pode acomodar elementos embutidos e outros elementos de bloco
Características dos elementos embutidos① e outros elementos estão na mesma linha;
② Altura, altura da linha, margem externa e margem interna não podem ser alteradas;
③ A largura é a largura de seu texto ou imagem e não pode ser alterada
④ Os elementos embutidos podem acomodar apenas texto ou outros elementos em linha
Para elementos dentro da linha, preste atenção ao seguinte
A largura da largura da configuração é inválida.
A altura da configuração é inválida, você pode configurá-lo através da altura da linha.
A definição de margens apenas as margens são válidas, mas as peças superiores e inferiores são inválidas.
Definir o preenchimento apenas para a esquerda e o preenchimento direito é válido, mas para cima e para baixo é inválido. Observe que o intervalo de elementos aumentou, mas não afeta o conteúdo em torno dos elementos.
Personagens especiais:& lt; & gt; & quot; & cópia; & reg;
Tag gráfica <MG>:
SRC: O caminho para exibir a imagem.
ALT: o prompt quando a imagem não é carregada com sucesso.
Título: Mensagem rápida quando o mouse é suspenso.
Largura: a largura da imagem
Altura: a altura da imagem (apenas uma das duas propriedades de largura e altura será dimensionada automaticamente igualmente.)
Tag hyperlink <a>:
HREF: O caminho do recurso a se conectar é o seguinte: href = https: //www.vevb.com
Alvo: _blank: abre o hiperlink em uma nova janela. Nome do quadro: abre o conteúdo da conexão no quadro especificado.
Nome: define o marcador de uma página.
Costumava pular Href: #Bookmark Name.
Tags de lista:<ul>: Lista não ordenada
<ol>: Lista ordenada
<li>: cada item da lista.
Lista de definições <DL>
<dt> Título da lista
<dd> Liste itens
Tag tag <able>:
Fronteira: borda da tabela.
Padding de células: margem interna
Capactação de células: margem.
Largura: porcentagem de pixels. (É melhor definir o comprimento e a largura através do CSS)
<tr>: Linha da tabela
<th>: célula da cabeça da mesa
<Td>: célula de dados da tabela
linhas: quantas linhas as células se abrem verticalmente
COLSPAN: Quantas colunas uma célula se estende (ou seja, células mescladas)
<th>: cabeçalho da tabela <Tbody> (não comumente usado): Partição da tabela
Tag de forma <form>
O formulário é usado para transferir dados para o servidor.
O formulário pode conter elementos de entrada, como campos de texto, caixas de seleção, caixas de rádio, botões de envio, etc.
O formulário também pode conter elementos de textarea, selecionar, campos e rotular.
1. Propriedades da formaOs formulários HTML são usados para receber diferentes tipos de entrada do usuário. Quando o usuário envia o formulário, os dados são transmitidos ao servidor, realizando assim a interação entre o usuário e o servidor da Web. Tags de formulário, tudo a ser enviado deve estar nessa tag.
Ação: onde enviar o formulário. Geralmente, ele aponta para um programa no servidor. O programa recebe os dados enviados pelo formulário (ou seja, o valor do elemento do formulário) para o processamento correspondente, como https://www.sogou.com/web
Método: o formulário é enviado por post/get. O valor padrão é get (envelope)
Get: 1. Pares de valor-chave enviados. Coloque após o URL na barra de endereço. 2. Segurança relativamente baixa. 3. Existem restrições no comprimento do conteúdo enviado.
Post: 1. O par de chave de chave enviado não está na barra de endereços. 2. A segurança é relativamente alta. 3. Não há limite teórico na duração do conteúdo enviado.
GET/POST são dois métodos de solicitação comuns.
2. Elementos de formação<input>
tipo:
caixa de entrada de texto
Caixa de entrada de senha senha
Caixa de seleção de rádio de rádio
Caixa de seleção múltiplas caixas de seleção
Botão Enviar
botão do botão (precisa ser usado com JS.) Qual é a diferença entre o botão e o envio?
Arquivo de envio de arquivo: o formulário precisa adicionar atributo ENCTYPE = Multipart/Form-Data
Código XML/HTML Copito de Conteúdo para a área de transferência