SlideShare une entreprise Scribd logo
1  sur  7
Srta.: Katherine Torres
Curso: 3 ero Bachillerato “A” BI
Prof.: Ing. Luis Sánchez
HEADINGS
                                              Código
       Nos definen el tamaño de un
                                           
        título o cabecera.                     <html>
                                               <head>
                                               <title>Headings</title>
                                               </head>
        <h1> nos da el tipo de letra más
        grande.                                <body>
                                               <h1>Heading 1</h1>
        <h6> nos da el tipo de letra más       <h2>Heading 2</h2>
                                               <h3>Heading 3</h3>
        pequeño.                               <h4>Heading 4</h4>
                                               <h5>Heading 5</h5>
        HTML agrega automáticamente            <h6>Heading 6</h6>
                                               </body>
        un espacio antes y después de          </html>
        cada título.
                                              Resultado
                                           
        <h1> al ser usado como título de       Heading 1
        una página Web, es de suma            Heading 2
                                              Heading 3
        importancia ya que es uno de los
                                              Heading 4
        parámetros que Google tiene en        Heading 5
        cuenta, a la hora de indexar su       Heading 6
        sitio.
   Los párrafos se definen con la etiqueta <p>.

    Código

    <html>
    <head>
    <title>Párrafos</title>
    </head>
    <body>
    <p>Este es el primer párrafo.</p>
    <p>Y este es el segundo párrafo.</p>
    </body>
    </html>

   Resultado

    Este es el primer párrafo.
   Y este es el segundo párrafo.
COMENTARIOS

     La etiqueta <!-- ... --> se utiliza para insertar un
      comentario dentro del código que estamos
      escribiendo. El mismo es ignorado por el navegador
      al momento de leerlo. Los comentarios nos sirven
      para explicar mejor el código y son de gran ayuda
      en el momento que necesitemos editarlo.
  
      <!-- Esto es un comentario. -->
  
      * Nota que el signo de exclamación se coloca solo al
      principio del código.
SALTO DE LÍNEA
       El salto de línea está definido con la etiqueta
        <br>. Es utilizado cuando queremos terminar una
        línea sin necesidad de terminar con el párrafo. La
        etiqueta <br> obliga a saltar de línea dondequiera
        que la ubiquemos.
    
        Código
    
        Esto es <br> un salto de lí<br>nea.

       Resultado
    
        Esto es
        un salto de lí
        nea.
TRAZAR UNA LÍNEA

        La etiqueta <hr> nos permite trazar una línea
         horizontal como las que separan las distintas
         secciones de este tutorial.
        La etiqueta <hr> no tiene cierre.
     
         Código
     
         <hr>

        Resultado
FUENTES:


   http://www.virtualnauta.com/es/html/html-
    etiquetas-basicas.php

Contenu connexe

Similaire à Etiquetas html (20)

etiquetas HTML
etiquetas HTMLetiquetas HTML
etiquetas HTML
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
HTML 2011
HTML 2011HTML 2011
HTML 2011
 
Aprender html
Aprender htmlAprender html
Aprender html
 
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1   h6 p aplicar estilos parrafos etiqueta pre html varEncabezados h1   h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Manual html
Manual htmlManual html
Manual html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Lenguaje html para colegio
Lenguaje html para colegioLenguaje html para colegio
Lenguaje html para colegio
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Introducción al Desarrollo Web
Introducción al Desarrollo WebIntroducción al Desarrollo Web
Introducción al Desarrollo Web
 
2. html
2. html2. html
2. html
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Programación básica de html5
Programación básica de html5Programación básica de html5
Programación básica de html5
 
Párrafos en HTML
Párrafos en HTMLPárrafos en HTML
Párrafos en HTML
 
Html-CSS
Html-CSSHtml-CSS
Html-CSS
 
Colegio diapositivas computacion
Colegio diapositivas computacionColegio diapositivas computacion
Colegio diapositivas computacion
 
Colegio diapositivas computacion
Colegio diapositivas computacionColegio diapositivas computacion
Colegio diapositivas computacion
 
Programación en html 2
Programación en html 2Programación en html 2
Programación en html 2
 

Etiquetas html

  • 1. Srta.: Katherine Torres Curso: 3 ero Bachillerato “A” BI Prof.: Ing. Luis Sánchez
  • 2. HEADINGS  Código  Nos definen el tamaño de un  título o cabecera. <html> <head> <title>Headings</title> </head> <h1> nos da el tipo de letra más grande. <body> <h1>Heading 1</h1> <h6> nos da el tipo de letra más <h2>Heading 2</h2> <h3>Heading 3</h3> pequeño. <h4>Heading 4</h4> <h5>Heading 5</h5> HTML agrega automáticamente <h6>Heading 6</h6> </body> un espacio antes y después de </html> cada título.  Resultado  <h1> al ser usado como título de Heading 1 una página Web, es de suma  Heading 2  Heading 3 importancia ya que es uno de los  Heading 4 parámetros que Google tiene en  Heading 5 cuenta, a la hora de indexar su  Heading 6 sitio.
  • 3. Los párrafos se definen con la etiqueta <p>.  Código  <html> <head> <title>Párrafos</title> </head> <body> <p>Este es el primer párrafo.</p> <p>Y este es el segundo párrafo.</p> </body> </html>  Resultado  Este es el primer párrafo.  Y este es el segundo párrafo.
  • 4. COMENTARIOS  La etiqueta <!-- ... --> se utiliza para insertar un comentario dentro del código que estamos escribiendo. El mismo es ignorado por el navegador al momento de leerlo. Los comentarios nos sirven para explicar mejor el código y son de gran ayuda en el momento que necesitemos editarlo.  <!-- Esto es un comentario. -->  * Nota que el signo de exclamación se coloca solo al principio del código.
  • 5. SALTO DE LÍNEA  El salto de línea está definido con la etiqueta <br>. Es utilizado cuando queremos terminar una línea sin necesidad de terminar con el párrafo. La etiqueta <br> obliga a saltar de línea dondequiera que la ubiquemos.  Código  Esto es <br> un salto de lí<br>nea.  Resultado  Esto es un salto de lí nea.
  • 6. TRAZAR UNA LÍNEA  La etiqueta <hr> nos permite trazar una línea horizontal como las que separan las distintas secciones de este tutorial.  La etiqueta <hr> no tiene cierre.  Código  <hr>  Resultado
  • 7. FUENTES:  http://www.virtualnauta.com/es/html/html- etiquetas-basicas.php