Se você não sabe nada sobre HTML e ainda está preocupado com o início do HTML, o autor recomenda que você aprenda este artigo, que pode dominar rapidamente o HTML. Se você já é um especialista em HTML, espero que você possa me dar melhores sugestões.
resumoO HTML é comumente conhecido como linguagem de marcação de hipertexto. É uma abreviação da linguagem Hyper Textmarkup. É uma linguagem de marcação usada para descrever documentos da Web. O próprio arquivo da página da web é apenas um arquivo de texto. Ao adicionar marcadores ao arquivo de texto, podemos dizer ao navegador como exibir o conteúdo (como: como processar texto, como organizar a imagem, como exibir a imagem etc.). Esses marcadores são nosso HTML. Quando aprendemos HTML, aprendemos esses marcadores. Hoje, aprendemos principalmente alguns marcadores HTML comuns, também conhecidos como elementos HTML.
Elementos de tagIntrodução à tag
O elemento HTML inclui uma variedade de inclusões definidas por um ou um par de tags. Uma tag é composta por duas sinais <e> sinais, e a tag inclui a tag de início <> e a etiqueta final </>.
Existem quatro formas de elementos de tag html:
Elemento vazio: <br>
Elemento vazio com atributo: <hrfont = vermelho>
Elementos com conteúdo: <Titile> Este é o conteúdo </itile>
Elementos com conteúdo e atributos: <fontcolor = RED> Este é o conteúdo </font>
Uma coisa a dizer aqui é que, no documento HTML, os nomes de tags e atributos não estão relacionados ao tamanho.
Elementos essenciais da estrutura HTML<html> </html> significa o início e o fim do documento
<head> </head> significa o início e o final do cabeçalho do documento
<Title> </title> indica o início e o final do título do documento
<body> </body> indica o início e o fim do texto do corpo do documento
Comentário HTML
O formato é menor que o sinal (<), a marca de exclamação (!) Menor que o sinal e o ponto de exclamação não têm espaços. Em seguida, são duas linhas curtas (-), depois o conteúdo do comentário e, finalmente, duas linhas curtas (-) e maior que o sinal (>).
Por exemplo: <!-este é o conteúdo do comentário->
Tags relacionadas ao controle de parágrafos<palign =#>
Crie um parágrafo, o alinhamento do atributo indica o alinhamento do parágrafo, # pode ser deixado, centro, à direita, justificar.
<br>
A função é mudar a linha
<hrcolor =#>
A função é inserir uma linha horizontal e a cor da propriedade é usada para representar a cor.
Tags relacionadas à exibição de texto<Center>… </central>
Centralize o texto
<hnalign =#> </hn>
A função é representar o título do documento. n é um número inteiro de 1 a 6, o maior título ao mesmo tempo, 6 é o menor título e o alinhamento é definir o alinhamento do título, incluindo esquerda, centro e direita
<fontsize = n color =#> ... </font>
Defina a fonte, o tamanho é o tamanho da fonte, um número inteiro de 1 a 7, maior o número, maior a fonte.
<b> ... </b>
Torne o texto ousado.
<i>… </i>
Faça o texto itálico
Tags criadas por elementos da listaum. Crie uma lista com números numéricos:
<ol> ... </ol> Use o atributo Iniciar para definir o número da sequência inicial.
<li> ... </li> Use o atributo de valor para alterar a ordem do número de sequência na lista.
b. Crie uma lista com o projeto em conformidade:
<ul> e <li>, os atributos do tipo de tag especificam o estilo do símbolo:
disco, exibido como um círculo sólido;
quadrado, exibe quadrados não sólidos.
círculo, exibir círculos fechados
b. Crie uma lista não assinada
<dl> e <dt> tags criam listas não assinadas
<DD> e <dt>, crie uma lista de recuos
Tags para elementos da tabelaO papel das tabelas no layout da página da web é crucial e as tabelas são definidas pelo <tabela>.
A definição específica é: <tableborder = n aligh =# bgcolor = rgb>
A borda do atributo é usada para definir a largura da borda da tabela, e o alinhamento do atributo é usado para definir o alinhamento da tabela, que pode ser deixado, direita e centro. BGCOLOR é cor.
<Eingtion>… </gention> usado para definir o título da tabela
<tr> ... </tr> Adicione uma nova linha à tabela
<th>… </th> é usado para definir o cabeçalho da tabela
<Td>… </td> é usado para definir células
Formulário interativo HTMLOs formulários são principalmente responsáveis pelas funções de coleta de dados nas páginas da web. Por exemplo, o formulário é o que geralmente registramos informações e informações de entrada que podem interagir com as páginas da Web.
O formulário é criado usando o elemento <form> ... </morm>, incorporando outros elementos ou controles relacionados entre os dois, você pode criar um formulário que faz parte do documento HTML.
A sintaxe básica para criar um formulário é a seguinte:
<formmethod = get ou pós -ação = url>…. </mand>
O método de atributo é usado para especificar o método HTTP usado para enviar dados de formulário para o servidor. Pode ser feito com Get ou Post. Os dados enviados são anexados ao final do URL e enviados ao servidor como parte do URL.
Aqui estão alguns elementos comuns sobre os formulários:
O elemento <input> é usado para receber informações de entrada do usuário. É um elemento vazio com atributos. A sintaxe é usada para criar o controle no formulário.
<inputType = tipo Nome = Tamanho do nome = SizeValue = Valor '>
O tipo de atributo é usado para especificar o tipo de controle a ser criado, o atributo é usado para especificar o nome do controle, o tamanho é usado para especificar a largura inicial do controle no formulário e o valor do atributo especifica o valor inicial do controle.
Para o tipo de tipo, consulte a figura a seguir:
Elementos da caixa de listagemPermite que o usuário selecione um ou mais itens em um menu suspenso. A caixa de listagem é criada pelo elemento <select> e as opções na caixa de listagem são fornecidas com o elemento <tution>.
Controle de entrada de texto de várias linhas
<textareane = nome linhas = número de linhas cols = número de colunas>… </sexttarea>
As linhas de atributo são usadas para especificar o número de linhas de texto exibidas na área visual do controle de entrada da caixa de texto, e o COLS especifica a largura da área visual exibida no controle de entrada de texto.
Tags de hiperlink<ahref = url>… </a>
O atributo href é usado para especificar o alvo do link. O endereço de destino possui posicionamento de URL. O texto entre a tag inicial <a> </a> será usada como o texto do link exibido no navegador.
Tags de imagem incorporadas <img src = url width = n altura = m> atributos src Especifique o local do recurso de imagem. A largura e a altura das propriedades são usadas para especificar o tamanho da imagem. Deve -se notar aqui que o SRC deve tentar usar caminhos relativos em vez de caminhos absolutos.Elementos especiais de caracteres
Os caracteres especiais incluem referências de personagens e referências de entidade. Abaixo, resumiremos os comumente usados.
ResumirResumimos alguns dos elementos de tag mais usados e mais básicos. Depois de dominar os mais básicos, você pode se tornar rapidamente um HTML júnior. Não há problema em escrever uma página da Web HTML simples, que também estabelece as bases para um aprendizado adicional no futuro.