1 / 11

Curso de html

Curso de html. 40 horas Instrutor: Antonio Itamar Júnior. Componentes básico da estrutura. <html> - marca do início do documento HTML <head> - início do cabeçalho <title> - título da página <body> - corpo do documento <br /> Pula linha. Entendendo os códigos ( tags ).

casey-mcmahon
Download Presentation

Curso de html

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Curso de html 40 horas Instrutor: Antonio Itamar Júnior

  2. Componentes básico da estrutura • <html> - marca do início do documento HTML • <head> - início do cabeçalho • <title> - título da página • <body> - corpo do documento • <br /> Pula linha.

  3. Entendendo os códigos (tags) • Tags são os códigos necessários para construção de páginas eletrônicas. • Tags Normais • Devem envolver um texto, tendo início e fim; • Característica de início de tag: “<“; • Característica de fim de tag “>”, juntamente com “/”; • <html> ... </html> • Tags Simples • Não devem envolver um texto; • Característica de início de tag: “<“; • Característica de fim de tag “>”, juntamente com “/”; • <br />

  4. Aprenda fazendo • Crie um arquivo chamado pagina1.html • Abra-o com o bloco de notas do windows e insira o conjunto de comandos (tags) abaixo: <html> <head> <title>..:: Página 1 ::..</title> </head> <body> Nossa Primeira Página <br /> 22/01/2009 </body> </html>

  5. Visualização do código anterior

  6. Componentes para formatação de texto • <b> - Texto em negrito; • <i> - Texto em itálico; • <u> - Texto sublinhado; • <font size=?> - Tamanho do texto; • <font color=?> - Cor do texto; • A tag <font> é uma tag normal, pois necessita que tenha início e fim envolvendo um texto, mas podemos notar que ela recebe alguns atributos como “size” e “color”, entre outros.

  7. Aprenda fazendo <html> <head> <title>..:: Página 1 ::..</title> </head> <body> Nossa Primeira Página<br /> 22/01/2009 <br /><br /> <b>Texto em negrito</b><br /> <i>Texto em itálico</i><br /> <u>Texto Sublinhado</u><br /> <font size="5">Texto com Tamanho 5</font><br /> <font size="10">Texto com Tamanho 10</font><br /> <font color="blue">Texto Azul</font><br /> <font size="4" color="red">Texto vermelho com a o Tamanho 4</font> </body> </html>

  8. Visualização do código anterior

  9. Componentes para tabelas • <table> - Cria uma tabela; • <tr> - Cria uma linha de uma tabela; • <td> - Cria uma célula numa linha.

  10. Aprenda fazendo

  11. Visualização do código anterior

More Related