Lição 6 - Tags e tags HTML
Memorize bem esta estrutura que á base para todo o desenvolvimento e arte de suas páginas Web.
Relembrando
sempre organizado e estruturado. O título é muito importante porque é
usado pelos mecanismos de busca (Google, Yahoo, etc...) para indexar
seu website.
Na seção body (corpo) insere-se o conteúdo da sua página. já vai conhecendo algumas das mais importantes tags:
Como
tudo na vida, aprende-se por tentativas e prática, errar não tem nada
de mal, por tentativa e erro vai caminhando até dominar a situação.
É lógico que só com o que aprendeu de base, não
chega para tornar um webmaster, a criar sites é o principio e a
estrutura é fundamental. Mas pode ir treinando até fixar esta
estrutura, fazendo experiencias e procurar criatividade, inventar
até...divirta-se.
Eis um exemplo para treino, altere a gosto, invente, depois no Notepad indique "guarde como" : experiencia.html
|
Notepad <html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Notepad <p>para parágrafos</p>
<b>texto negrito</b>
<h1>Cabeçalho</h1>
<h2>Subtítulo</h2>
<h3>Sub-subtítulo</h3>
Notepad <html>
<head>
<title>Meu website</title>
</head>
<body>
<h1>Um cabeçalho</h1>
<p>conteúdo,frases,texto...</p>
<h2>Subtítulo</h2>
<p>frases, texto e mais texto</p>
</body>
</html> |
Tags, mais Tags...
Escrever no Notepad:
<b>Esta frase vai aparecer em negrito.</b>
<i>Esta frase vai aparecer em itálico.</i>
<small>Esta frase vai aparecer mais pequena.</small>
|
Vai aparecer no Browser (navegador):
Esta frase vai aparecer em negrito.
Esta frase vai aparecer em itálico.
Esta frase vai aparecer mais pequena.
|
Pode fazer combinações de Tags:
<b><i>Esta frase vai aparecer em negrito e em itálico.</i></b>
|
Esta frase vai aparecer em negrito e em itálico.
|
ATENÇÃO: Nunca digite arbitrariamente a ordem das Tags como no exemplo, no fecho a primeira Tag de abertura <b> tem que corresponder com a última </b>
exemplo do que não deve fazer:
<b><i>Esta frase vai aparecer em negrito e em itálico.</b></i>
Não vai aparecer no navegador pois como verifica as tags de fecho não estão na respectiva ordem em termos de html.
e mais Tags...
Como já foi mencionado existem tags sem fecho,
únicas, são comandos isolados, que obviamente não tem conteúdo inserido
para poderem funcionar.
Comandos:
| <br /> |
O meu website <br /> é o melhor do mundo |
O meu website
é o melhor do mundo |
| <hr /> |
|
Aparece uma linha horizontal |
<ul>
<li>Primeiro na Lista</li>
<li>Segundo na Lista</li>
</ul> |
- Primeiro na Lista
- Segundo na Lista
|
<ol>
<li>Primeiro na Lista</li>
<li>Segundo na Lista</li>
</ol> |
- Primeiro na Lista
- Segundo na Lista
|
RESUMO DE TAGS E COMANDOS (que aprendemos até agora)
~ <i>Itálico</i>
<small>Texto tamanho pequeno</small>
<b>negrito</b>
<br /> quebra uma linha
<hr /> uma linha Horizontal
<blockquote>Indentação</blockquote>
<ul>Lista<ul>
<ol>Lista ordenada<ol>
<li>Item de lista</li>
Pode ir fixando estas Tags e comandos através da
prática, abrindo o Notepad, fazendo variáveis, inventar até com base
nestas Tags...
É divertido !
Então irá perguntar e as cores, efeitos, etc, calma estamos no caminho. Seguimos então para os ATRIBUTOS....
|
|
