HTML BÁSICO

Translate this Page

Ultimas Atualizações

Propósito (10-10-2024)

Contatos (10-10-2024)

Área Reservada (10-10-2024)

Instalação de Programas, drivers (10-10-2024)

Currently 2.62/5
1
2
3
4
5

Rating: 2.6/5 (378 votos)

ONLINE

Partilhe esta Página

Links de Sites

https://www.ramosdafiel.com.br/

https://rendaqui.comunidades.net/

Acessos

HTML BÁSICO

LInk -> Link é o endereço de um documento na web,
uma linha ou um canal através do qual os dados são transmitidos

HTML BÁSICO

<tag> Conteúdo da tag </tag>

toda tag aberta, deve ser fechada, com algumas exceções
</tag>

Uma tag HTML pode conter outra tag dentro dela e quantas forem necessárias
<tag>
<outraTag>texto</outraTag>
</tag>

HTML – <html> </html>
Essa tag é responsável por definir o início de um documento HTML e seu fim.
Logo deve ser aberta no início do documento e fechado no seu final.

HEAD – <head></head>
Tag que define o início e o fim do cabeçalho do documento.
Abordaremos mais abaixo o que deve ser inserido no cabeçalho.

BODY – <body></body>
Tag onde devem ser inseridos os conteúdos do site que deverão ficar
visíveis ao usuários quando a página for renderizada no navegador.
Somente com essas três tags já podemos ter uma estrutura HTML básica.
Segue um exemplo.
<!DOCTYPE html>
<html>
<head>

</head>
<body>

</body>
</html>

<p></p>– O P é utilizado para definir um parágrafo.
<span></span>– SPAN é uma tag inline usada para marcar um trecho de texto.
<Strong></Strong>– O STRONG é utilizado para deixar um texto em negrito.
A tag <b></b> tem um comportamento semelhante porém a W3C recomenda utilizar o <Strong>

<em></em>– A tag EM é utilizada para deixar um elemento em itálico. A tag <i> foi utilizada durante muito tempo para isso porém a W3C recomenda que utilize o <em> mesmo.
Ex:

<p>O trecho a seguir está em<em>itálico</em></p>
<u></u>– A tag U é usada para sublinhar um termo.
Ex:

<p>Pequeno texto com trecho<u>sublinhado</u></p>
<br />– A tag BR é utilizada para definir uma quebra de linha. Seu uso deve ser cauteloso. Evite usar muitos BR's em casos onde deveriam existir paragráfos.
Ex:

<p>Primeira linha<br />
segunda linha</p>
<ul></ul> – <ol></ol> – <li></li>– Os elementos UL e OL são usados para iniciar uma lista, sendo o <ul> para uma sem ordenação numérica e o <ol> para uma com ordenação numérica. Os elementos dentro dessa lista devem ser marcados com a tag LI.
Ex:
<ul>
<li>Sou um elemento de uma lista</li>
<li>Sou outro elemento dentro da lista</li>
</ul>
<a></a>– O A é um elemento responsável por "linkar" páginas/arquivos na sua página. Através do atributo href você pode especificar aonde está a página/arquivo a ser linkado na página.
Ex:
<a href="clientes.html">Página de clientes</a>
<a href="currículo.pdf">Curriculo</a>

Link externo:
<a href=https://www.siteexterno.com>Site externo sendo linkado</a>

<img /> – A tag IMG é usada para renderizar uma imagem no site.

<header></header>– A tag HEADER serve para limitar o cabeçalho da sua página. Ele foi criado com a intenção de simplificar o famoso <div id="cabecalho"> / <div id="header">. Cuidado para não confundi-lo com a tag HEAD. O HEADER deve ser utilizado dentro do BODY como auxiliar semântico, enquanto o HEAD fica dentro da tag HTML e trás informações somente visíveis para o navegador.

<footer></footer>– O FOOTER assim como o HEADER serve para auxiliar na formatação da página e veio para substituir a famoso <div id="rodapé">/<div id="footer">.

<aside></aside>– A tag ASIDE é utilizada para demarcar as regiões laterais das páginas que geralmente carregam elementos de navegação, ou informações auxiliares ao conteúdo principal.

<section></section> -A tag SECTION tem um funcionamento muito semelhante ao da DIV porém ela serve para demarca que um bloco de conteúdo possui uma relação mais próxima. Enquanto o DIV não carrega valor semântico algum.

<article></article>– A tag ARTICLE serve para definir o conteúdo principal de uma página.

<nav></nav>– A tag NAV é usada para indicar uma navegação. Ela deve ser usada para agrupar links de navegação.

Mais informações podem ser obtidas no site : https://www.linhadecodigo.com.br/