Linguagem HTML
Aprendendo desde o início
Listas
Sobre a TAG PRE
Passado o passo para colocar parágrafos, linhas simples e tags básicas e etc, começo a colorir back e texto.
A tag Meta foi finalmente entendida por mim, assim como o Head conter tudo aquilo que nao é visível.
Aquilo que podemos ver numa página está contido no Body.
Consegui também entender a abertura e fechamento das diversas listas.
Já tendo posicionado o texto na tela, estou agora, além de colorizar também acentuando os caracteres.Listas
Aprendendo como fazer listas ordenadas e não-ordenadas
Vou começar pela lista não ordenada ou UL em linguagem html, colocando os nomes de meus colegas de grupo.
Desculpas a quem não citar, não sei se estão todos aqui já.Lista não-ordenada
- Maria Luíza
- Ana Virgílio
- Esmê
- Veruska
- Irene
- Claúdia Garcia
- Nena Silva
- Carla Belke
- By@
- Zineth
- Natália
- Maux
- Angel
- Mônica Neves
- Ivan
- Crys Taylor
- Príscila
- e assim por diante...dando agora boas vindas à Brisinha e Maga
Lista Ordenada
Nesta podemos usar numeradores
Fazendo uma lista ordenada de amigos para uma festa de aniversário:
- Juliana
- Luis Fernando
- Shirley
- Sandro
- Heloísa
- Dolores
- Jurema
- Ângela
- Vinícius
- Claúdio
- Odimir
- e assim por diante...dando agora boas vindas à Brisinha e Maga
Lista de Definições
Muito boa para a criação de Glossários. Pode-se ter uma lista dentro da outra e usar tanto as ordenadas como as não ordenadas
Seu comando é DL. Vamos lá fazer uma para testar.
- Aníbal
- Fiscal
- Fernando
- Motorista
- Joaquim
- Balconista
Exemplo de lista no tutorial
Tópico 1
JOGOS
Tópico 2 CARROS
- JOGOS DE PLAYSTATION
- METAL GEAR SOLID
- RESIDENT EVIL 2
- FIFA 99
- MEUS CARROS
- FERRARI TESTAROSA
- MERCEDES C-600
Com estas listas poderei criar um menu de navegação.
Aprenderei a linkar um site através do comando A HREF, através de minhas listas.
Entendido agora que cada lista ordenada deve ser, depois de aberta, fechada ao final.
Colocadas as tags de alinhamento, centralização e espaçamento nas listas acima, anteriormente feitas
Exemplos de blackquote:
É possível um espaçamento da margem esquerda.
O espaçamento agora se faz com duas margensO parágrafo alinhado à esquerda nem sempre se faz necessário, pois que o próprio navegador o ajusta automáticamente
Alinhando o parágrafo à direita
Me parece ótimo para uso em documentosOutra forma de centralizar o texto, sem a tag de alinhamento:
- Alimentos
- Remédios
- Roupas
- Calçados
- e assim por diante.
Ainda exemplificando um texto com parágrafo sem margem.
Tutorial 05
Posicionando o Texto na Tela
Estes dois acima com margem
Terminando o primeiro exemplo
Posicionando com margem dupla
Posicionando listas ordenadas
Posicionando listas não ordenadas
Terminando o segundo exemplo
Sobre a TAG PRE
Ela irá formatar automáticamente os espaçamentos entre caracteres e os parágrafos, mantendo padronização para uso com barra de espaço e tecla ENTER.
Vejamos:
Colocando acima o tutorial 6 que trata sobre o estilo e os tamanhos dos caracteres
Fonte com o tamanho 4
Fonte com o tamnho 5
Texto monoespaçadoHoje faz muito calor no Rio de Janeiro e já é dia de carnaval
Hoje faz muito calor no Rio de Janeiro e já é dia de carnaval
Hoje faz muito calor no Rio de Janeiro e já é dia de carnaval
"À Janela" (trecho)
Da janela, o horizonte,
A liberdade de uma estrada,eu posso ver.
O meu pensamento voa livre, em sonhos,
Prá longe de onde estou...
Roberto Carlos
Revi todo o texto anteriomente feito, agora já no tutorial 7, corrigindo acentuações faltantes.
Agora já me encontro no Tutorial 10, onde aprendi mais sobre Hyperlinks.
No tutorial 11, consegui posicionar diversas imagens nas diferentes páginas criadas até aqui.
No tocante ao atributo ALIGN deixei por último para que melhor pudesse ser notado as diversas fomas de alinhamento entre imagem e texto.
Adoro gatos, eles são fantásticos!
Trate-os com carinho
Me disse um amigo que só aprende a saber o que é carinho, aquele que já teve gatos
A sua simples presença silenciosa já nos mostra o quanto de respeito e carinho tem por nós.
Sobre o Tutorial 12 - TABELAS, abri-o em nova página e o linkei aqui abaixo.
O Tutorial 14 - FORMULÁRIOS encontra-se linkado abaixo, juntamente com FRAMES
O Tutorial 16 - TRECHO DE VÍDEO - AVI encontra-se linkado abaixo em nova página.
PSP_Web
Frames e Formulários
Tutoriais
Galeria de Trabalhos
Tabelas
Marquee
Meus Arquivos AVI
Aguardo instruções para correção ou término do curso
OBRIGADA DE CORAÇÃO: MAEVE, SÔNIA CONSORTE E PATCHULLI!
Leninha®
