Páginas

segunda-feira, 31 de outubro de 2016

Básico do HTML Parte 2

Vamos continuar o aprendizado de HTML. Juntando o que você viu na última postagem, desta vez você irá aprender as várias tags que existem e atributos, como devem ser usadas e quando.

Lembre-se que todas estas tags são utilizadas com < e > para abrir e </ e > para fechar.





html - Tag principal, após o !DOCTYPE deve ser utilizada para iniciar e finalizar o documento.
head - Cabeçalho, é o que será mostrado no topo do navegador.
title - Usada dentro da tag head. É utilizado para definir o título da página no navegador.
body - Corpo, é o que mostrará na página.
- Utilizado para iniciar um novo parágrafo.
h1 - Texto em tamanho maior, utilizado para títulos.
h2 - Texto em tamanho maior, utilizado para subtítulos.
hx - x é um número de 1 a 6 utilizado para definir o tamanho do título, sendo 1 o maior e 6 o menor.
strong - Para deixar o texto em negrito.
em - Para dar ênfase em palavras.
a href - Para inserir texto para criar hiperlinks. Você abre a tag, insere a URL e fecha a tag. Caso deseje criar com texto você deverá fechar o < href > antes de fechar o < a >.
img src - Para inserir imagens. Você insere apenas uma vez o atributo em formato: < img src=" URL AQUI " />  Ou seja, você abre e fecha no mesmo comando.
Para fazer imagens clicáveis você abrirá a tag < a >  inserindo a propriedade href, seguida da url destino e > ficando algo como < a href=" url destino " > e então insere a tag de < img src=" url da imagem aqui" /> 
ol - "Ordered Lists", ou Listas Ordenadas. Dentro desta tag entram os itens da lista que são linhas de < li >.
ul - "Unordered Lists", ou listas sem ordem. Dentro da tag entram os itens através de linhas de < li >.
<!--  - Utilizados para fazer comentários que não serão mostrados na página. Para finalizar a linha de comentários use a tag invertida, sem o ponto de exclamação.


Atributos:
href - Cria hiperlinks.
src - "Source", fonte.
style - Estilos do texto.
Ex:
< a style="font-size: 10px" >
< a style="font-color: blue" >

Nenhum comentário:

Postar um comentário