PrograMação para internet

1. PrograMação para internet Prof.: Jean Carlo Mendes carlomendes@yahoo.com.br http://www.jeancarlomendes.com.br

2. HTML – Usando fontes • É possível utilizar várias fontes em um documento HTML. Isto é feito através das tags <FONT> • Com a tag<FONT> podemos definir um tamanho para a fonte utilizada. • Este tamanho varia de 1 a 7.

3. HTML – Usando fontes <FONT> • Exemplo de utilização: <fontsize=“1”> Tamanho de fonte 1</font> <fontsize=“2”> Tamanho de fonte 2</font> <fontsize=“3”> Tamanho de fonte 3</font> <fontsize=“4”> Tamanho de fonte 4</font> <fontsize=“5”> Tamanho de fonte 5</font> <fontsize=“6”> Tamanho de fonte 6</font> Exemplo

4. HTML – Usando fontes <FONT> • A tagfont permite definir a cor do texto e a “face” da fonte • <Font face="Times New Roman" size="6" color="red">Texto formatado 1</font><br> • <Font face="Arial" size="6" color="#FF00FF">Texto formatado 2</font> Exemplo

5. HTML – Usando fontes <FONT> • Pode-se definir uma lista de fontes, de modo que se uma não estiver disponível, a próxima na lista será usada • <fontsize=“4” face=“Arial, ‘Times New Roman’”>Este texto usará Arial, caso ela não esta disponível, usará Times</font> Exemplo

6. HTML – Usando fontes, parâmetro text • Pode-se definir uma cor padrão para todo o texto da página, através do parâmetro text da tagBody: <bodytext=“red”> Blablablabalbal<br> <fontsize=“5”>Este texto aparece na cor padrão</font><br> <font color=“blue”>Este texto aparece em azul</font> </body> Exemplo

7. HTML – Listas • As listas são definidas pela tag <ul> e cada item da lista é marcado pela tag <li> • Exemplo: <ul> <li>Processador Core i7 <li>8 Gb de Memória RAM <li>HD de 500 Gb </ul>

8. HTML – Listas • É possível controlar o “marcador da lista” através do atributo type: square|circle|disc <ultype=“square”> <li>Processador Core i7 <li>8 Gb de Memória RAM <li>HD de 500 Gb </ul> Exemplo

9. HTML – Listas ordenadas • É possível criar uma lista “ordenada” ou “numerada” através da tag <ol>. Neste caso o marcador será um numeral ou uma letra <ol> <li>Processador Core i7 <li>8 Gb de Memória RAM <li>HD de 500 Gb </ol> Exemplo

10. HTML – Listas de definição • Neste tipo de lista são usadas as tags <DL> e </DL> para delimitar a lista e a tag <DT> para o termo e <DD> para a definição do termo.

11. HTML – Listas de definição <DL> <DT>HTML <DD>Linguagem de formatação de páginas web. Criada por Tim-Berners Lee na década de 1980 <DT>Java <DD>Linguagem de programação OO </DL> Exemplo

12. HTML – Listas aninhadas As listas podem ser aninhadas, ou seja, pode-se colocar uma lista dentro da outra para criar estruturas hierárquicas

13. HTML – Listas aninhadas <OL> <LI>Primeiro item da lista principal <LI>Segundo item da lista principal <UL> <LI> Primeiro Subitem <LI>Segundo Subitem </UL </OL> Exemplo

14. HTML – Linhas horizontais A tagHR pode ser usada para exibir uma linha horizontal (por exemplo para separar seções do texto) Se nenhum parâmetro for informado, será desenhada uma linha com 1 pixel de largura

15. HTML – Linhas horizontais <font face=“Arial” size=“4”>Índice</font> <HR> <OL> <LI>Introdução <LI>Referencial teórico <LI>Desenvolvimento </OL> Exemplo

16. HTML – Linhas horizontais <font face=“Arial” size=“4”>Índice</font> <HR width=“50%” align=“left” size=“5” color=“red”> <OL> <LI>Introdução <LI>Referencial teórico <LI>Desenvolvimento </OL> Exemplo

17. Exercício Reproduzir a página do exemplo: Exemplo