Aprendendo HTML básico e minha primeira página da web

Índice
O que é HTML? Sua sigla significa "Hypertext Markup Language". É definido como uma linguagem de tag que permite desenvolver uma página da web. Entre os elementos que esta linguagem possui, estão os controles (rótulos, caixas de texto, áreas de texto, botões) para implementar formulários, listas, tabelas, inserção de imagens, vídeo, áudio, entre outros.
É uma linguagem muito simples de aprender porque não é em si uma linguagem de programação, mas uma linguagem que você marca. Além disso, as palavras reservadas que o compõem são fáceis de lembrar e muito descritivas.
O ambiente mais básico para começar a praticar e desenvolver uma página da web é o comum "Notepad" que é um editor de texto, embora também existam compiladores especiais (por exemplo, Netbeans) que têm a função de autocorreção para quando qualquer palavra na sintaxe está errado, ele marca e torna mais fácil de localizar.
Os arquivos HTML devem sempre ser salvos com a extensão .html, independentemente de o desenvolvedor adicioná-lo manualmente ou o editor adicioná-lo automaticamente. O tipo de arquivo .html será aberto com o navegador ou navegador da preferência do usuário (por exemplo: Internet Explorer, Firefox, Google Chrome, Opera, Safary, etc.) porque, como mencionado acima, a linguagem HTML é composta por tags : que o navegador está preparado para interpretar.
Seu primeiro site …
Neste caso abriremos o bloco de notas, já que estamos trabalhando em um ambiente windows e apresentaremos o seguinte código, para o típico "Hello world!"

Como pode ser visto na imagem, o arquivo ainda não foi salvo. Então vamos para o menu Arquivo> Salvar. Para ter os arquivos que desenvolvemos durante este tutorial bem organizados, vamos criar uma pasta com o nome "HTML BÁSICO", vamos acessar esta pasta e personalizar o nome do arquivo, vamos inserir o nome "index.html" lembrando que é importante para estabelecer a extensão, caso contrário, ele será salvo apenas como um arquivo de texto, ou seja .txt.

Vá até o local do arquivo, clique duas vezes no ícone com o nome "index.html" e ele será aberto no navegador padrão, neste caso o Google Chrome. Isso é o que você vai ver:

Agora vamos voltar ao código …
Informa ao navegador que você está abrindo um arquivo HTML.
Cabeçalho do documento.
Meu primeiro site. Título da página.
Feche o cabeçalho do documento.
Corpo, todo o conteúdo desta seção aparecerá na página.
Olá mundo!
Fechamento do corpo.
Feche o arquivo HTML.
A tag informa ao navegador que um documento html está sendo aberto, é aqui que ele começa a interpretar o conteúdo. É importante que cada tag que é aberta seja fechada, a tag de fechamento pode ser exibida no final do documento.
indica o cabeçalho do documento, aqui entre outras coisas que aprenderemos mais tarde, será colocado o título da página. O que nos leva à linha de código Minha primeira página da web. , o resultado desta linha será refletido na barra de título do navegador. Abaixo está o fechamento da tag.
Nas etiquetas e no conteúdo da página serão colocados, que podem conter diretamente texto e / ou outras etiquetas de formatação.
Os atributos …
Algumas tags possuem um ou mais atributos, estes são definidos como características da tag principal. Alguns aspectos devem ser levados em consideração para a definição dos atributos:
  • Eles têm a estrutura nome = "valor"
  • O valor está sempre entre aspas.
  • Eles são colocados na etiqueta de abertura.
Exemplo: adicionaremos o atributo bgcolor ao rótulo, atribuindo a ele um valor hexadecimal e que estará entre aspas. Para um guia de cores, deixo o seguinte link "códigos de cores HTML".

Salvamos nosso arquivo para visualizar as mudanças, e o resultado será:

*IMPORTANTE:: As etiquetas podem ser escritas em minúsculas como vimos nos exemplos e em maiúsculas por exemplo. O World Wide Web Consortium (W3C) recomenda o uso de minúsculas, e o XHTML, que é a versão mais atualizada do HTML, só aceita o uso de minúsculas.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo

Você vai ajudar o desenvolvimento do site, compartilhando a página com seus amigos

wave wave wave wave wave