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
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
Como construir Tráfego para o teu Site,
Ganhe dinheiro com o seu site.
Guia e dicas, experimente:
http://ganhar.noble7fix.com
Ganhe dinheiro com o seu site.
Guia e dicas, experimente:
http://ganhar.noble7fix.com
Guia Prático HTML
Copyright © 2007 by Noble7fix · All Rights reserved · E-Mail: noble7fix@gmail.com
Guia Prático HTML
Lição 6 - Tags e tags HTML
Construir um Website
Tags, mais Tags...
Escrever no Notepad:
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:
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>
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:
O meu website
é o melhor do mundo
é o melhor do mundo
.Primeiro na Lista
.Segundo na Lista
.Segundo na Lista
1. Primeiro na lista
2. Segundo na lista
2. Segundo na lista
Aparece uma linha horizontal
RESUMO DE TAGS E COMANDOS (que aprendemos até agora)
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!
É divertido!
Então irá perguntar e as cores, efeitos, etc, calma estamos no caminho. Seguimos então para os ATRIBUTOS...
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
<head>
<title></title>
</head>
<body>
</body>
</html>
<p>para parágrafos</p>
<b>texto negrito</b>
<h1>Cabeçalho</h1>
<h2>Subtítulo</h2>
<h3>Sub-subtítulo</h3>
<b>texto negrito</b>
<h1>Cabeçalho</h1>
<h2>Subtítulo</h2>
<h3>Sub-subtítulo</h3>
<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>
<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>
<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>
<b><i>Esta frase vai aparecer em negrito e em itálico.</i></b>
<b><i>Esta frase vai aparecer em negrito e em itálico.</b></i>
O meu website <br /> é o melhor do mundo
<br />
_______________________________
<hr />
<ul>
<li>Primeiro na Lista</li>
<li>Segundo na Lista</li>
</ul>
<li>Primeiro na Lista</li>
<li>Segundo na Lista</li>
</ul>
<ol>
<li>Primeiro na Lista</li>
<li>Segundo na Lista</li>
</ol>
<li>Primeiro na Lista</li>
<li>Segundo na Lista</li>
</ol>
<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>
<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>