O comando Fieldset destaca um campo. Exemplo:
Entendendo os Comandos
- fieldset: Comando principal
- legend: Legenda
sábado, 21 de janeiro de 2012
Comando Fieldset
Entendendo os Comandos
sexta-feira, 13 de janeiro de 2012
Listas Não Ordenadas
As listas não ordenadas são as listas organizadas por marcadores simbólicos como círculos, quadrados ou discos.
As listas não ordenadas de marcador círculos são definidas por 'circle', enquanto a lista com marcadores quadrados são definidos por 'square', e as listas que possuem um 'disco' por definição de marcador são definidas por 'disc'.
O código básico é:
O qual você deve trocar a palavra 'tipo' pela sua definição de lista.
Configurando a fonte
Quando editamos um texto, definimos que se o texto será escrito em Arial, Negrito, Itálico, Sublinhado, Tachado, e em que tamanho ele será escrito.
No Microsoft Word, bastaria nós clicarmos em um botão e outro e definiríamos a Formatação do nosso texto. Em HTML, também é possível formatarmos um texto, mas de forma diferente da disponibilizada pelos Editores de Texto: WordPad, Microsoft Word, etc.
Para deixar seu texto em negrito, usamos a TAG '<'b'>' '<'/'b'>'
Exemplo:
Meu texto em negrito
Para que seu texto fique em itálico, usamos a TAG
'<'i'>''<'/'i'>'
Exemplo:
Meu texto em itálico
E finalmente em sublinhado, usamos a TAG
'<'u'>'<'/'u'>'
Exemplo:
Meu texto em sublinhado
Ainda existem outras maneiras de deixar seu texto personalizado: Usando CSS
Usando CSS para deixar seu texto em itálico:
'<'font style='font-style:italic;''>'
Texto itálico com CSS
Usando CSS para deixar seu texto em negrito:
'<'font style='font-weight:bold;''>'
Texto negrito com CSS
Usando CSS para deixar seu texto em sublinhado:
'<'font style='text-decoration: underline;''>'
Texto sublinhado com CSS
Quanto a cor, formato e tamanho da fonte, eles são definidos pela tag:
Onde:
- size: Formata o tamanho da fonte, que pode ser um número de 1 a 7.
- face: Formata o estilo da fonte, que pode ser qualquer uma das configuradas pelo Windows, como: Arial, Arial Black, Verdana, etc.
- color: Formata a cor da fonte, que pode ser descrita em inglês, código hexadecimal, entre outras formas.
quinta-feira, 12 de janeiro de 2012
Listas Ordenadas
- Numérica:
- Aprenda
- Agora
- Aprenda
- Números Romanos Maiúsculo:
- Aprenda
- Agora
- Aprenda
- Alfabético minúsculo:
- Aprenda
- Agora
- Aprenda
- Alfabético maiúsculo:
- Aprenda
- Agora
- Aprenda
- Números Romanos Minúsculos:
- Aprenda
- Agora
- Aprenda
quarta-feira, 11 de janeiro de 2012
Símbolos para Código HTML
Código HTML | Browser View | Código HTML | Browser View | Código HTML | Browser View | Código HTML | Browser View | Código HTML | Browser View |
| © | © | ! | ! | _ | _ |  | | Û | Û |
| ® | ® | " | " | ` | ` | ž | ž | Ü | Ü |
| | # | ` | a | a | Ÿ | Ÿ | Ý | Ý | |
| " | " | $ | $ | b | b |   | Þ | Þ | |
| & | & | % | % | c | c | ¡ | ¡ | ß | ß |
| < | < | & | & | d | d | ¢ | ¢ | à | à |
| > | > | ' | ' | e | e | £ | £ | á | á |
| À | À | ( | ( | f | f | ¤ | ¤ | â | â |
| Á | Á | ) | ) | g | g | ¥ | ¥ | ã | ã |
| Â | Â | * | * | h | h | ¦ | ¦ | ä | ä |
| Ã | Ã | + | + | i | i | § | § | å | å |
| Ä | Ä | , | , | j | j | ¨ | ¨ | æ | æ |
| Å | Å | - | - | k | k | © | © | ç | ç |
| Æ | Æ | . | . | l | l | ª | ª | è | è |
| Ç | Ç | / | / | m | m | « | « | é | é |
| È | È | 0 | 0 | n | n | ¬ | ¬ | ê | ê |
| É | É | 1 | 1 | o | o | ­ | | ë | ë |
| Ê | Ê | 2 | 2 | p | p | ® | ® | ì | ì |
| Ë | Ë | 3 | 3 | q | q | ¯ | ¯ | í | í |
| Ì | Ì | 4 | 4 | r | r | ° | 210° | î | î |
| Í | Í | 5 | 5 | s | s | ± | ± | ï | ï |
| Î | Î | 6 | 6 | t | t | ² | A² | ð | ð |
| Ï | Ï | 7 | 7 | u | u | ³ | B³ | ñ | ñ |
| Ð | Ð | 8 | 8 | v | v | ´ | ´ | ò | ò |
| Ñ | Ñ | 9 | 9 | w | w | µ | µ | ó | ó |
| Õ | Õ | : | : | x | x | ¶ | ¶ | ô | ô |
| Ö | Ö | ; | ; | y | y | · | · | õ | õ |
| Ø | Ø | < | < | z | z | ¸ | ¸ | ö | ö |
| Ù | Ù | = | = | { | { | ¹ | ¹ | ÷ | ÷ |
| Ú | Ú | > | > | | | | | º | 210º | ø | ø |
| Û | Û | ? | ? | } | } | » | » | ù | ù |
| Ü | Ü | @ | @ | ~ | ~ | ¼ | ¼ | ú | ú |
| Ý | Ý | A | A |  | ? | ½ | ½ | û | û |
| Þ | Þ | B | B | € | € | ¾ | ¾ | ü | ü |
| ß | ß | C | C |  | | ¿ | ¿ | ý | ý |
| à | à | D | D | ‚ | ‚ | À | À | þ | þ |
| á | á | E | E | ƒ | ƒ | Á | Á | ÿ | ÿ |
| å | å | F | F | „ | „ | Â | Â | ||
| æ | æ | G | G | … | … | Ã | Ã | ||
| ç | ç | H | H | † | † | Ä | Ä | ||
| è | è | I | I | ‡ | ‡ | Å | Å | ||
| é | é | J | J | ˆ | ˆ | Æ | Æ | ||
| ê | ê | K | K | ‰ | ‰ | Ç | Ç | ||
| ë | ë | L | L | Š | Š | È | È | ||
| ì | ì | M | M | ‹ | ‹ | É | É | ||
| í | í | N | N | Œ | Œ | Ê | ? | ||
| î | î | O | O |  | | Ë | Ë | ||
| ï | ï | P | P | Ž | Ž | Ì | Ì | ||
| ð | ð | Q | Q |  | | Í | Í | ||
| ñ | ñ | R | R |  | | Î | Î | ||
| ò | ò | S | S | ‘ | ‘ | Ï | Ï | ||
| ó | ó | T | T | ’ | ’ | Ð | Ð | ||
| ô | ô | U | U | “ | “ | Ñ | Ñ | ||
| õ | õ | V | V | ” | ” | Ò | Ò | ||
| ö | ö | W | W | • | • | Ó | Ó | ||
| ø | ø | X | X | – | – | Ô | Ô | ||
| ù | ù | Y | Y | — | — | Õ | Õ | ||
| ú | ú | Z | Z | ˜ | ˜ | Ö | Ö | ||
| û | û | [ | [ | ™ | ™ | × | × | ||
| ý | ý | \ | \ | š | š | Ø | Ø | ||
| þ | þ | ] | ] | › | › | Ù | Ù | ||
| ÿ | ÿ | ^ | ^ | œ | œ | Ú | Ú |
Como iniciar uma página de Internet
Toda página de Internet é construída em HTML (HyperText Markup Language ou Linguagem de Marcação de Hipertexto) e escrita de várias formas, as que serão aqui descritas são páginas que devem ser escritas no Bloco de Notas - em alguns computadores são descritos como NotePad - e salvos como .html
No início da página deve ser escrito a '<'html'>', e para inserir título na barra de título da sua página, insira a tag '<'head'>' '<'/head'>' e entre elas a tag '<'title'>' '<'/title'>'. Para inserir corpo em sua página, coloque o conteúdo entre as tag's '<'body'>' '<'/body'>'.
Veja abaixo o código:
Lembre-se de quando salvar o seu documento da Web, salvar como 'texto'.html.
No início da página deve ser escrito a '<'html'>', e para inserir título na barra de título da sua página, insira a tag '<'head'>' '<'/head'>' e entre elas a tag '<'title'>' '<'/title'>'. Para inserir corpo em sua página, coloque o conteúdo entre as tag's '<'body'>' '<'/body'>'.
Veja abaixo o código:
Lembre-se de quando salvar o seu documento da Web, salvar como 'texto'.html.
terça-feira, 10 de janeiro de 2012
Já pensou em inserir em sua página de Site um Jogo da Forca? Basta inserir o código a seguir no bloco de notas e salvar como 'Jogo da Forca.html'
Caso queira visualizar na prática acesse o link: Forca
Caso queira visualizar na prática acesse o link: Forca
Regras básicas para criar uma webpage
Para iniciarmos uma página da Web devemos inicialmente abrir um arquivo do Bloco de Notas, em alguns computadores são nomeados como NotePad, e escrever:
Após escrever isso, salve sua página como: 'otítulodasuapágina.html', substituindo 'otítulodasuapágina' pelo nome que preferir.
html: HyperText Markup Language
textarea: Área de Texto
head: Cabeçalho
title: Título
body: Corpo da Página
Após escrever isso, salve sua página como: 'otítulodasuapágina.html', substituindo 'otítulodasuapágina' pelo nome que preferir.
Vocabulário:
html: HyperText Markup Language
textarea: Área de Texto
head: Cabeçalho
title: Título
body: Corpo da Página
Inserindo a função Imprimir na Página HTML
Para inserir a função 'Imprimir Página' em uma página da Rede de Computadores, devemos nos decidir se inserimos essa função em um link ou em um botão, lembrando sempre da iniciação básica de uma página escrita em HTML.
Caso o(a) Webmaster se decida por inserir a função em um botão, deverá inserir o código abaixo na parte interior da página.
Para esse código funcionar, você deve inserir esse código entre as tag's <body></body>
Assinar:
Postagens (Atom)