Curso de Web 003 – Conhecendo novas Tags
Hoje, em nossa 003 web-aula vamos conhecer algumas tags html.
Abra seu editor preferido e escreva: WEB 2.0
É brincadeira. Alias, você sabe o que é web 2.0?Se quiser saber mais a respeito: http://pt.wikipedia.org/wiki/Web_2.0
Voltemos a nossa aula. Vou falar agora de algumas tags importantes do html.
<br /> Quebra de linha
<p> </p> Parágrafo
<b> </b> Negrito
<strong> </strong> Negrito
<i> </i> Italico
<em> </em> Italico
<span> </span> É utilizada para a configuração de trechos de parágrafos, muito usado com o css quando você quer mudar as propriedades de um elemento neutro.
<div> </div> Bloco contêiner que vamos utilizar muito durante nosso trabalho. Sem o css, o uso da div é inútil.
<blockquote> </blockquote> É o responsável por dar um efeito de endentação, como se você teclasse o TAB no Word, mas este pega em todo o bloco de texto.
Essas tags são as mais usadas. No decorrer das aulas vamos ver mais tags.
Agora vou escrever um código que use todos essas tags.
Obs: Não vamos usar o Span nem a Div antes de vermos o Css. Por tanto, veremos estes bem em breve.
Coloque o código abaixo em seu editor de HTML e salve-o como html para ver o resultado.
<html>
<head>
<title>Testando Tags HTML</title>
</head>
<body>
Estamos aqui usando diversas tags, testamos agora o <b>negrito</b> e o <i>itálico</i>.<br />
<p> Vemos também a tag parágrafo, muito utilizada para organizar um texto. </p>
<blockquote>
O blockquote é muio interessante, perceba que ele dá um espaço parágrafo em todo o texto, não só na primeira linha como a tag parágrafo. Muito útil esta tag.
</blockquote>
</body>
</html>
Testou em seu navegador?
Você deve estar vendo algo semelhante a isto:
Faça seus testes e veja a melhor forma de usá-los. Qualquer dúvida é só postar aqui no blog.
diogo
gostaria de saber qual é a taga para dar um paragrafo simples, equivalente ao tab, so que sem afetar o restante do texto.
grato.
Renan Lima
Diogo,
<p> é parágrafo, mas se você quer umparágrafo simples, use a quebra de linha <br />.
Kristina Perez
Fantástico Renan!
Tô adorando, mas onde vc colocou o link para as video aulas???
Patrick Dauer
Kristina,
São “WEB” aulas, por isso não tem link para os vÃdeos.
Hildo Antônio
Parabéns pelo curso, muito prático, excelente, continue assim!