
O que é?
O HTML foi criado pelo britânico Tim Berners-Lee em 1990 (mesmo criador do WWW – World Wide Web) e sua abreviatura significa HiperText Markup Language, ou seja, Linguagem de Marcação de Hipertexto. Ao contrário do que muitos pensam, o HTML NÃO é considerado uma linguagem de programação, ela apenas serve para inserir o conteúdo ao site e estabelecer uma estrutura básica e semântica, distinguindo títulos de parágrafos por exemplo.
Como funciona?
A distinção entre os elementos da página em HTML são feitas através das tags, cada elemento possui uma tag específica que fará aquele conteúdo se comportar da maneira que deveria. Um exemplo básico são as tags de título, que são referênciadas como <h1>, <h2>, <h3>, etc. Para você leitor entender melhor como funciona melhor essa tag na prática, imagine que o título dessa matéria seja um <h1> e os subtítulos seja o nosso <h2>. Observando então o título e subtítulo podemos notar que há uma diferença de tamanho entre os dois, ou seja, a semântica correta é o <h1> ter prioridade sobre o <h2>, e assim sucessivamente.
Quais são as principais TAGS?
Existem muitas tags no HTML5, mas você não precisa decorar todas, listei abaixo as mais importantes que você provavelmente irá usar com frequência quando criar o seu site:
<a>
para links<b>
para marcar um texto em negrito<strong>
para marcar em negrito com ênfase
<body>
estrutura principal da página<br>
para pular uma linha<div>
para dividir o conteúdo da página<h1>
para títulos<i>
para marcar o texto em itálico<img>
para adicionar imagens<ol>
para listas ordenadas,<ul>
para listas desordenadas<li>
item de uma lista com marcadores (lista ordenada)
<p>
para parágrafos<span>
estilizar parte do texto
Estrutura básica do site
O documento HTML possui uma estrutura básica que fica no início do texto e serve para fazer algumas configurações importantes, como por exemplo o nome que ficará na janela do site, o ícone, o idioma, as “stylesheets”, que são as folhas de estilo cujo são configuradas com CSS (veremos no próximo artigo) e etc. Algumas IDEs tem atalhos para que não seja necessário digitar toda essa estrutura manualmente, procure saber se a sua contém este atalho para otimizar o tempo de suas criações.