Busca avançada Meus favoritos Como criar site grátis em PHP, HTML, CSS, JS ...
Postes RECENTES
Agora que você já aprendeu o básico sobre HTML, vamos entender mais sobre as tags.
As tag servem para formartar o website, ou seja, as tags 'dizem' ao navegador como o site deve ser aprensentado ao usuário.
Por padrão os comandos (tags) ficam entre os simbolos < "menor que" e > "maior que". Cada comando (tag) é formado por uma dupla de tags "tag de abertura e tag de fechamento". Exemplo: <comando></comando>. A única diferença da tag de abertura para a tag de fechamento é que a na tag de fechamento deve ter uma barra "/".
Toda regra tem sua exceção, no HTML também é assim. Em certas tags a abertura e o fechamento se dá em uma única tag. Por exemplo, para quebrar a linha usa se a tag <br />. Note que "<" abre a tag e a "/" antes de ">" fecha a tag.
Escreva em minúscula, sempre. Embora os navegadores interprete os códigos tanto em miúsculas quanto em maísculas, para um website ser considerado válido pela W3C as tags devem esta em minúsculas.
Errado: <B>texto em negrito</B>
<b>este texto também esta em negrito<B>
Certo: <b>texto em negrito</b>
<b>este texto também esta em negrito<b>
Para começar nossos exercícios, abra seu editor de texto (pode ser o bloco de notas) e escreva os comandos abaixo:
Vamos começar escrevendo um parágrafo. Para escrever um parágrafo em HTML usa-se a tag <p>, não esquecendo de fecha-la </p>. Exemplo: <p>Este é um parágrafo. Para aprender é importante praticar</p>Salve como site.html e abra no seu navegador favorito e veja o que o resultado.
Cabeçalho: A tag para se escrever um cabeçalho em HTML é <hx> onde x é o nível do cabeçalho, o nível vai de 1 a 6. O primeiro nível é o 1, ou seja, tem o texto maior. Exemplo: <h1>Este é um título</h1>
<h2>Este é um sub título</h2>
Negrito: Para deixar um texto em negrito usa-se a tag <b></b>. Exemplo: <b>texto em negrito</b>
As tags devem seguir uma hierarquia, ou seja, devem ser fechadas na mesma ordem em que foram abertas.
Errado: <p>Este é um <b>parágrafo</p></b>
Certo: <p>Este é um <b>parágrafo</b></p>
Embora a maioria dos navegadores interprete um código mau estruturado, encorajamos você a respeitar a estrutura correta do HTML. Isso trará grandes beneficios ao seu site.
DEIXE SEU COMENTÁRIO