SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Downloaden Sie, um offline zu lesen
Desenvolvimento Web




              HTML
         PRIMEIRA PARTE
Elementos Básicos

    <html>...</html>



    <title>...</title>



    <head>...</head>



    <meta />



        <meta http-equiv=”content-type” Content=”text/html; charset=iso-8859-1” />
    




    <body>...</body>

Elementos Básicos

<html>
 <head>
  <title>...</title>
  <meta
     http-equiv=”content-type”
     content=”text/html;
     charset=iso-8859-1” />
 </head>
<body>
  …
</body>
</html>
Elementos Básicos

    <h1>...</h1>



    <h2>...</h2>



    <p>...</p>



    <br />



    <hr />



    <b>...</b>



    <center>...</center>

Elementos Básicos - Listas

    Não Ordenadas



<ul>
  <li> Um Item da lista</li>
  <li> Outro Item </li>
  <li> Mais Um Item </li>
</ul>

    Propriedades de UL



        Type
    


                   Disc, Circle, Square
               
Elementos Básicos - Listas

    Ordenadas



<ol>
  <li> Um Item da lista</li>
  <li> Outro Item </li>
  <li> Mais Um Item </li>
</ol>

    Propriedades de OL



        Type
    


                    1, a, A, i, I
                



        Start
    


                    Valor inicial
                
Elementos Básicos - Cores
    Aplica-se a quase todo elemento html



    Com Nome



        Blue, Red, Silver, Gray, Bluevilet, etc
    



    Com Códigos em Hexa – (Mais comum)



        Segue o Padrão RGB usando 2 caracteres em
    

        Hexa para cada nivel de cores RGB
        #00FA36
    


                    00 – red
                


                    FA – Green
                


                    36 – Blue
                



        Cada cor pode variar de 00 à FF
    
Formatando Textos – Estilos Lógicos

    <cite>...</cite> - Citação



    <code>...</code> - Código Fonte



    <dfn>...</dfn> - Definição



    <em>...</em> - Ênfase



    <strong>...</strong> - Muita ênfase



    <var>...</var> - Valor de Variável

Formatando Textos – Estilos Fisicos

    <b>...</b> - Negrito



    <i>...</i> - Itálico



    <tt>...<tt> - Texto mono-espaçado



    <u>...</u> - Sublinhado



    <strike>...</strike> - Riscado



    <big>...</big> - Fonte um pouco Maior



    <small>...</small> - Fonte um pouco menor



    <sub> ...</sub> - Subscrito



    <sup>...</sup> - Sobrescrito

Blocos de Texto

    <pre>...</pre> - Pré Formatado



    <blockquote>...</blockquote> - Citações longas



    <adress>...</adress> - Endereço



    <blink>...</blink> - Texto Piscante (Não Use!)rsrs


Weitere ähnliche Inhalte

Andere mochten auch (6)

Lo mejor de Ben 10
Lo mejor de Ben 10Lo mejor de Ben 10
Lo mejor de Ben 10
 
Fotos RBD 2009
Fotos RBD 2009Fotos RBD 2009
Fotos RBD 2009
 
Rebelde
RebeldeRebelde
Rebelde
 
C Icasestudy#1
C Icasestudy#1C Icasestudy#1
C Icasestudy#1
 
Naruto
NarutoNaruto
Naruto
 
Dragon Ball AF
Dragon Ball AFDragon Ball AF
Dragon Ball AF
 

Mehr von Alberane Lúcio Thiago da Cunha (15)

Grafos - aula_1.pdf
Grafos - aula_1.pdfGrafos - aula_1.pdf
Grafos - aula_1.pdf
 
fasciculo-senhas-slides.pptx
fasciculo-senhas-slides.pptxfasciculo-senhas-slides.pptx
fasciculo-senhas-slides.pptx
 
Caso Prático - DD026
Caso Prático - DD026Caso Prático - DD026
Caso Prático - DD026
 
Introdução à computação - Parte 01
Introdução à computação - Parte 01Introdução à computação - Parte 01
Introdução à computação - Parte 01
 
Aula 01 - Redes Wireless
Aula 01 - Redes WirelessAula 01 - Redes Wireless
Aula 01 - Redes Wireless
 
Tv Digital - X CONISIS - São Lourenço
Tv Digital - X CONISIS - São LourençoTv Digital - X CONISIS - São Lourenço
Tv Digital - X CONISIS - São Lourenço
 
CEFET - Linux Day 2011 - GNU/Linux
CEFET - Linux Day 2011 - GNU/LinuxCEFET - Linux Day 2011 - GNU/Linux
CEFET - Linux Day 2011 - GNU/Linux
 
Poo com php
Poo com phpPoo com php
Poo com php
 
Oficina php
Oficina phpOficina php
Oficina php
 
Ginga - i-JAE
Ginga - i-JAEGinga - i-JAE
Ginga - i-JAE
 
Redes De Computador Alberane Proxy Windows
Redes De Computador   Alberane   Proxy   WindowsRedes De Computador   Alberane   Proxy   Windows
Redes De Computador Alberane Proxy Windows
 
Redes De Computadores - Alberane - 3
Redes De Computadores - Alberane - 3Redes De Computadores - Alberane - 3
Redes De Computadores - Alberane - 3
 
Extreme Programming Alberane
Extreme Programming AlberaneExtreme Programming Alberane
Extreme Programming Alberane
 
Redes De Computadores Alberane - 2
Redes De Computadores Alberane - 2Redes De Computadores Alberane - 2
Redes De Computadores Alberane - 2
 
Redes De Computadores Alberane - 1
Redes De Computadores Alberane - 1Redes De Computadores Alberane - 1
Redes De Computadores Alberane - 1
 

Html Primeira Parte Alberane

  • 1. Desenvolvimento Web HTML PRIMEIRA PARTE
  • 2. Elementos Básicos <html>...</html>  <title>...</title>  <head>...</head>  <meta />  <meta http-equiv=”content-type” Content=”text/html; charset=iso-8859-1” />  <body>...</body> 
  • 3. Elementos Básicos <html> <head> <title>...</title> <meta http-equiv=”content-type” content=”text/html; charset=iso-8859-1” /> </head> <body> … </body> </html>
  • 4. Elementos Básicos <h1>...</h1>  <h2>...</h2>  <p>...</p>  <br />  <hr />  <b>...</b>  <center>...</center> 
  • 5. Elementos Básicos - Listas Não Ordenadas  <ul>   <li> Um Item da lista</li>   <li> Outro Item </li>   <li> Mais Um Item </li> </ul> Propriedades de UL  Type  Disc, Circle, Square 
  • 6. Elementos Básicos - Listas Ordenadas  <ol>   <li> Um Item da lista</li>   <li> Outro Item </li>   <li> Mais Um Item </li> </ol> Propriedades de OL  Type  1, a, A, i, I  Start  Valor inicial 
  • 7. Elementos Básicos - Cores Aplica-se a quase todo elemento html  Com Nome  Blue, Red, Silver, Gray, Bluevilet, etc  Com Códigos em Hexa – (Mais comum)  Segue o Padrão RGB usando 2 caracteres em  Hexa para cada nivel de cores RGB #00FA36  00 – red  FA – Green  36 – Blue  Cada cor pode variar de 00 à FF 
  • 8. Formatando Textos – Estilos Lógicos <cite>...</cite> - Citação  <code>...</code> - Código Fonte  <dfn>...</dfn> - Definição  <em>...</em> - Ênfase  <strong>...</strong> - Muita ênfase  <var>...</var> - Valor de Variável 
  • 9. Formatando Textos – Estilos Fisicos <b>...</b> - Negrito  <i>...</i> - Itálico  <tt>...<tt> - Texto mono-espaçado  <u>...</u> - Sublinhado  <strike>...</strike> - Riscado  <big>...</big> - Fonte um pouco Maior  <small>...</small> - Fonte um pouco menor  <sub> ...</sub> - Subscrito  <sup>...</sup> - Sobrescrito 
  • 10. Blocos de Texto <pre>...</pre> - Pré Formatado  <blockquote>...</blockquote> - Citações longas  <adress>...</adress> - Endereço  <blink>...</blink> - Texto Piscante (Não Use!)rsrs 