Grátis

Denunciar
Pré-visualização | Página 1 de 19
LINGUAGEM DE PROGRAMAÇÃO HTML < P r o f. L u a n M o n t e i r o - luanmonteiromeira@gmail.com > < w w w . u n i v e r s o m i n a s . c o m . b r > 1 Universo Minas LINGUAGEM DE PROGRAMAÇÃO HTML < P r o f. L u a n M o n t e i r o - luanmonteiromeira@gmail.com > < w w w . u n i v e r s o m i n a s . c o m . b r > 2 1. Introdução __________________________________________________________________________ 6 1.1. Internet _________________________________________________________________________ 6 1.2. Intranet _________________________________________________________________________ 6 1.3. WWW (World Wide Web) __________________________________________________________ 7 1.4. Web ___________________________________________________________________________ 7 1.5. Hipertexto _______________________________________________________________________ 8 1.6. Links ou Hyperlinks ________________________________________________________________ 8 1.7. Home Page_______________________________________________________________________ 8 1.8. Site ____________________________________________________________________________ 9 1.9. Browsers (Navegadores da Web)______________________________________________________ 9 1.10. Protocolo ______________________________________________________________________ 10 1.11. Protocolo HTTP (HyperText Transfer Protocol)__________________________________________ 10 1.12. Protocolo FTP (File Transfer Protocol) ________________________________________________ 10 1.12.1. FTP Anônimo _______________________________________________________________ 11 1.13. URL (Uniform Resource Locator) ____________________________________________________ 11 1.13.1. URL Absoluto_______________________________________________________________ 12 1.13.2. URL Relativo________________________________________________________________ 12 1.13.3. Endereço___________________________________________________________________ 12 1.13.4. Entendendo uma URL _________________________________________________________ 13 1.14. ISP (Internet Service Provider) ______________________________________________________ 14 1.14.1. Provedores _________________________________________________________________ 14 1.14.2. Seu Site na Grande Rede _______________________________________________________ 14 1.14.3. Login _____________________________________________________________________ 14 1.15. Resolução _____________________________________________________________________ 15 2. HTML (HyperText Markup Language)_____________________________________________________ 15 2.1. TAGs__________________________________________________________________________ 16 2.2. Estrutura Básica__________________________________________________________________ 17 2.2.1. Início e Fim do Documento ______________________________________________________ 17 2.2.2. Definições Lógicas sobre o Documento_____________________________________________ 17 2.2.3. Título da Página ______________________________________________________________ 17 2.2.4. Conteúdo da Página ___________________________________________________________ 17 2.3. TAG com Atributos _______________________________________________________________ 18 3. Estrutura da Página ___________________________________________________________________ 19 3.1. HTML <html>...</html> ____________________________________________________________ 19 3.2. HEAD <head>...</head> ___________________________________________________________ 19 3.2.1. Elementos presentes em HEAD___________________________________________________ 20 TITLE <title>...</title> ______________________________________________________________ 20 SCRIPT <script>...</script> __________________________________________________________ 20 META <meta>____________________________________________________________________ 20 LINGUAGEM DE PROGRAMAÇÃO HTML < P r o f. L u a n M o n t e i r o - luanmonteiromeira@gmail.com > < w w w . u n i v e r s o m i n a s . c o m . b r > 3 3.3. BODY <body>...</body> ___________________________________________________________ 21 Atributos de BODY________________________________________________________________ 21 4. META TAGs <meta> _________________________________________________________________ 23 5. Caracteres Especiais e Acentuação _______________________________________________________ 29 5.1. Por que usar estas formatações ? ___________________________________________________ 32 6. Cores Através de Valores Hexadecimais ____________________________________________________ 32 7. Comentários ________________________________________________________________________ 34 8. Controles de Formatação_______________________________________________________________ 35 8.1. Títulos / Subtítulos _______________________________________________________________ 35 8.2. Controles "Físicos"de Formatação de Texto _____________________________________________ 36 8.3. Controles de Fontes _______________________________________________________________ 37 8.3.1. FONT <font>...</font> _________________________________________________________ 37 8.3.2. BASEFONT <basefont> ________________________________________________________ 37 8.4. Formatação de Parágrafos __________________________________________________________ 38 8.5. Quebra de Linha__________________________________________________________________ 39 8.6. O TAG Blockquote <blockquote>...</blockquote> ________________________________________ 39 8.7. O TAG DIV <div>...</div> __________________________________________________________ 39 8.8. O TAG PRE <pre>...</pre> __________________________________________________________ 40 8.9. O TAG CENTER <center>...</center> __________________________________________________ 40 8.10. O TAG NOBR <nobr>...</nobr> _____________________________________________________ 40 9. Listas _____________________________________________________________________________ 41 9.1. Listas Ordenadas _________________________________________________________________ 41 9.2. Elementos LI <li>. . . </li> ___________________________________________________________ 42 9.3. Listas Não Ordenadas _____________________________________________________________ 44 9.4. Listas de Definição________________________________________________________________ 45 10. Links _____________________________________________________________________________ 47 10.1. Links para dentro da própria página __________________________________________________ 48 10.2. Para outras páginas de um mesmo Site ________________________________________________ 48 10.3. Links para outros Sites ____________________________________________________________ 48 10.4. Link especial: "mailto" ____________________________________________________________ 48 11. Imagens __________________________________________________________________________ 49 12. Formatos de Imagens_________________________________________________________________ 51 12.1. Usando o GIF (Graphics Interchange Format) ___________________________________________ 51 12.2. Usando o JPEG (Joint Photographic Experts Group) ______________________________________ 51 12.3. Sobre o PNG (Portable Networ Graphics)_______________________________________________ 52 12.4. Imagens no Browser______________________________________________________________ 52 13. Mapas Sensitivos ___________________________________________________________________ 53 13.1. Definição ______________________________________________________________________ 54 LINGUAGEM DE PROGRAMAÇÃO HTML < P r o f. L u a n M o n t e i r o - luanmonteiromeira@gmail.com > < w w w . u n i v e r s o m i n a s . c o m . b r > 4 13.2. Descrição______________________________________________________________________ 55 15. Tabelas ___________________________________________________________________________