Como criar uma página HTML: instruções passo a passo, tecnologia e recomendações
Você acha como criar uma página HTML? Para fazer isso, você precisa passar algumas horas e você saberá o básico do HTML. E você pode criar sua primeira página em 5 minutos.
HTML significa HyperText Markup Language. Na tradução, isso significa "linguagem de marcação de hipertexto". É importante entender que o HTML não é uma linguagem de programação, mas uma marcação do site.
Todos os navegadores modernos podem reconhecê-lo. Em seguida, eles exibem a informação de forma conveniente para o usuário, como foi previamente planejado pelo autor.
Neste idioma, tags especiais são usadas. Cada tag executa sua função. Há muitos deles. Idealmente, você precisa aprender tudo. Mas para um principiante, o conhecimento básico é suficiente.
Princípios básicos do HTML
Antes de criar uma página HTML, você precisa saber de que é feito. Neste idioma, existem dois conceitos: um elemento e uma etiqueta.
Para especificar onde esse elemento é iniciado e fechado, use a tag de abertura e de fechamento. Parece assim.
<etiqueta de abertura> conteúdo </ tag de fechamento>
Como você pode ver, as tags de abertura e fecho diferem apenas em "/".
Todo o documento HTML é uma coleção desteselementos. Existem certos requisitos para a estrutura do documento. Todo o conteúdo da página deve estar entre duas tags <html> e </ html>. Quando você escreve o código, tome o hábito de configurar imediatamente a etiqueta de abertura e fechamento.
Lembre-se também de que a estrutura da linguagem HTML tem sua própria hierarquia. Caso contrário, é chamado de aninhamento. A tag HTML é a mais importante, porque todos os outros estão dentro dela.
HTML tem dois filhos:
- <head> ... </ head>;
- <body> .. </ body>.
O bloco HEAD indica várias informações de serviço. Esta informação não é exibida no navegador. Por exemplo, instruções para desenvolvedores, para qualquer programa, para robôs e muito mais.
Mais importante ainda, não há conteúdo aqui.
A seção CORPO indica o conteúdo do documento que será exibido para o usuário.
Aprenda a abrir e fechar tags de uma vez, pois pode haver 10 itens aninhados. Além disso, por conveniência, recomenda-se que as etiquetas aninhadas sejam recuadas. Por exemplo, assim.
<html>
<head>
</ head>
<corpo>
</ body>
</ html>
Então, faça as tags de igual importância em termos deem um nível, e as crianças - "dentro". Portanto, é muito mais conveniente para a percepção e busca da parte necessária do código. Caso contrário, você pode ficar confuso. Mas, para economizar espaço, as tags de cabeça e corpo podem ser feitas sem indentação. Isso é feito para que todos os outros não tenham um recuo supérfluo. Todo o resto é desejável para se separar.
Como criar uma página HTML simples
Para escrever o código, você precisa de algum tipo de editor. Há muitos deles. Notepad ++ e Adobe Dreamweaver são populares. Você também pode usar um caderno.
É assim que o editor Notepad ++ parece.
Este é um editor muito útil e é gratuito. O Adobe Dreamweaver acima é cobrado. A diferença entre editores destinados a escrever código HTML de um notebook é que as tags especiais são realçadas. Se não estiver destacado, então você escreveu errado.
Para garantir que a luz de fundo corresponda ao idioma, você precisa especificá-lo nas configurações.
Vamos ver como criar uma página HTML no Bloco de Notas. Ou seja, terminamos a parte técnica e depois passamos diretamente para o estudo das tags.
Como criar uma página da web no HTML do bloco de notas
Primeiro, abra o bloco de notas.
Em seguida, digite o que é mostrado na captura de tela a seguir.
Acostume-se a escrever com as mãos, não apenas copiando. Quando você escreve com as mãos, é melhor lembrar do banco de dados de tags inteiro.
Depois disso, clique no menu "Salvar arquivo" e especifique qualquer nome de arquivo, mas com a extensão .html.
Depois disso, você pode abrir o arquivo no navegador e admirar o resultado. Agora você deve entender como criar uma página da Web no HTML do bloco de notas.
Consórcio Mundial W3C
Existe uma organização como o W3C, quedesenvolve e implementa todos os padrões para a Internet. Todos os navegadores cumprem esses padrões e processam layouts de páginas (códigos) de acordo com essas regras.
No site oficial de desenvolvedores de HTML, você pode encontrar uma tabela com todas as tags e regras para seu uso. No âmbito deste artigo, consideramos o mais básico.
Você pode pensar que regras podem existir? Todas as tags descritas têm sua própria recomendação. Existem vários deles:
- Tag opcional.
- Proibido
- Tag vazia.
- Obsoleto
- O perdido.
Tags em HTML
Antes de criar uma página HTML, você precisa entender o que deve estar na parte de serviço do HEAD.
Na área de HEAD, há tanto obrigatoriamentetags opcionais. Uma tag obrigatória é um título. É indicado por <title> Title </ title>. Ele é atribuído ao documento inteiro. E o que você vê nos resultados para o mecanismo de pesquisa do Google é a tag de título.
Vamos para a seção BODY. Existem elementos que são exibidos no navegador e também há os não exibidos. Por exemplo, comentários não são exibidos para o usuário. Eles podem ser usados para anotações ou para sugerir a outros funcionários se você trabalha em equipe.
Eles são designados como <! - Comentário ->
Tudo o que está entre <!- e ->, é avaliado pelo programa dessa maneira. Observe que você não pode anexar uma tag de comentário a outra tag de comentário. Desde que você abra o <! -, tudo o que estiver acontecendo não será exibido. As informações não estarão visíveis até que o manipulador veja a tag de fechamento ->.
Um exemplo desse aninhamento:
<! - primeiro comentário <! - segundo comentário -> continuação do primeiro comentário ->
O resultado no navegador será o seguinte
continuação do primeiro comentário ->
E aqui está um pedaço <! - primeiro comentário <! - segundo comentário -> não será visível. A segunda abertura <! - tag foi ignorada e foi tratada como texto simples.
Cabeçalhos no texto
O título é indicado não apenas na seção HEAD com a tag de título. No contexto, o título deve ser indicado necessariamente. Porque só o usuário vai ver.
Cabeçalhos vêm em diferentes níveis. Isso cria uma hierarquia no texto. Equivalente aos volumes, capítulos, parágrafos nos livros.
Existem apenas 6 níveis. O cabeçalho mais importante é indicado por <h1> Cabeçalho </ h1>. Em termos de avanço da página, o texto nas tags h1 e title deve corresponder. Além disso, h1 do ponto de vista estético, deveria haver apenas um. Mas isso não significa que o navegador não processará o h1 subsequente. Eles podem ser feitos quantos você quiser, mas isso é indesejável.
Para legendas, use tags de h2 a h6. Eles são chamados de título do primeiro, segundo, terceiro, quarto, quinto e sexto níveis. Isso cria o aninhamento de informações e uma subdivisão em categorias.
Parece assim.
Parágrafo
O texto principal no código precisa ser formatado na tag <p>.. </ p> Veio da palavra "parágrafo". Cada parágrafo deve ser formatado com uma marca <p> e não em um heap. Uma quebra de linha normal não será processada. Tudo será exibido em uma linha. Para hífens, você precisa usar a tag <br>.
Observe que a tag de migração não está fechada. Ele é solteiro.
Considere o exemplo da poesia.
Tags diferentes, além de seu "nome", têm eseu próprio atributo. Por exemplo, uma tag de parágrafo tem um atributo "alinhamento", que é denotado por align. Pode levar o valor para a esquerda, direita, centro. Ou seja, alinhe na borda esquerda ou direita ou no centro.
Usando links
Provavelmente, você já pensou: mas como criar uma página HTML com links? Não há nada complicado nisso. Criar links para uma página HTML é fácil. Para isso, existe uma tag <a> especial. Tem seus próprios atributos obrigatórios. O link correto é assim:
<a href="adkey"> texto do link </a>
Se você não especificar o endereço e o texto, esse link será inútil ou invisível para o usuário.
Conclusão
Existem tantas tags e cada uma tem seu próprio conjunto de atributos. Depois de ler esta informação, você tinha que entender como criar uma página web HTML.
Para expandir meu conhecimento nesteregião, você precisa ler literatura adicional e usar o diretório de tags HTML oficial que está localizado no site do W3C. Se você não usar o diretório periodicamente atualizado de autores de idiomas, será difícil para você se tornar um profissional nesse campo.
</ p>
