SlideShare una empresa de Scribd logo
1 de 4
Daniel García Acosta

403
Este es un breve resumen de las etiquetas utilizadas en HTML. Comprende la clase
más reciente de autoría web el grupo 403




                                                    ETIQUETAS DE AUTORIA WEB

       •   Inicio <html>

Permite identificar el tipo de documento. Todas las pagina de web estarán escritas en
HTML y tendrán la extensión .html o .htm al mismo tiempo esta etiqueta tiene que
tener un declarado la etiqueta de inicio (<html>) y la etiquete del final (</html>).

       • Cabecera de la página

<head> Se utiliza para agrupar información sobre ella, como puede ser el titulo y va
justo debajo de la etiqueta de cabecera.

Dentro de la etiquetas de cabecera podemos encontrar las siguientes etiquetas:
<link>, <style>, <scrip>, <meta>, <title>.

Titulo de la página

El titulo de la página es aquel que aparecerá en la parte superior de la ventana de
nuestro navegador. Para asignar el titulo a una página es necesario las etiquetas de
texto <title> y </title>.

       • Cuerpo del documento

El cuerpo del documento contiene la información propia de nuestra página web, es
decir, lo que queremos visualizar (un texto, imágenes, formularios, etc.)

Todos estos elementos vienen dentro de la etiqueta <body>______________</body>.

Atreves de la etiqueta body es posible establecer color en el fondo de nuestra página
así como una imagen. Utilizaremos el atributo bgcolor al que es posible asignarle un
color que va a estar representado en sexagesimal.


Diseño Web
Profesora Miroslava Hdez. Olvera
Daniel García Acosta

403
      • El atributo background

Este atributo permite establecer una imagen como fondo indicando la ruta en la que se
encuentra la imagen.




Salto de línea <br>

Cuando trabajamos un editor de texto producimos un salto de línea con la tecla intro o
enter, pero dentro de HTML, utilizaremos la etiqueta <br> y la vamos a colocar en
donde deseamos un salto de línea, esta etiqueta no requiere un cierre.



   → Comentario

Podemos añadir comentarios dentro del código de manera que no se van a poder
visualizar en el navegador. Para insertar un comentario utilizaremos el siguiente
código: <! - - ___________ //- - >

      • Per formateado

Es una forma segura de que el texto aparezca en el navegador tal cual ha sido
insertado dentro del código, las etiquetas son: <pre> y </pre>. Si utilizamos estas
etiquetas podemos tener la seguridad de que el navegador mostrara todos los
espacios en blanco que se hayan insertado en el texto, así como los saltos de línea.




      • Separadores <hr>

Se utiliza para separar secciones dentro de una misma página, es una regla
horizontal. Utilizaremos la etiqueta <hr> la cual no tendrá etiqueta de cierre.



Diseño Web
Profesora Miroslava Hdez. Olvera
Daniel García Acosta

403




Los atributos que se utilizan en esta etiqueta son los siguientes

Atributo

Align

                                Significado

                                Alineación de la regla          Left (izquierda)

Wiath                                                           Right (derecha)

                                Ancho                           Center (centrado)

                                                                Acompañado         de   un
                                                                número y %
Size

                                Alto
                                                                Un número

No shade

                                Eliminar el sombreado
                                                                No toma valores




Diseño Web
Profesora Miroslava Hdez. Olvera
Daniel García Acosta

403




Diseño Web
Profesora Miroslava Hdez. Olvera

Más contenido relacionado

Similar a Etiquetas HTML resumen

Similar a Etiquetas HTML resumen (20)

Autoria Web 2000
Autoria Web 2000Autoria Web 2000
Autoria Web 2000
 
Html 02
Html 02Html 02
Html 02
 
Presentación HTML
Presentación HTML Presentación HTML
Presentación HTML
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
 
Universidad tecnica tarea 4
Universidad tecnica tarea 4Universidad tecnica tarea 4
Universidad tecnica tarea 4
 
Como programar en htmil 5
Como programar en htmil 5Como programar en htmil 5
Como programar en htmil 5
 
Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Clase 02 - HTML y css Laboratorio I 2024.pptx
Clase 02 - HTML y css Laboratorio I 2024.pptxClase 02 - HTML y css Laboratorio I 2024.pptx
Clase 02 - HTML y css Laboratorio I 2024.pptx
 
Inf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_ValenzuelaInf1_P1b_Exc12_Celina_Valenzuela
Inf1_P1b_Exc12_Celina_Valenzuela
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Estructura de una página html
Estructura de una página htmlEstructura de una página html
Estructura de una página html
 
Inf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirezInf2 p1 a_ejercicio2_estefaniaramirez
Inf2 p1 a_ejercicio2_estefaniaramirez
 
Estructura semantica Html5.pptx
Estructura semantica Html5.pptxEstructura semantica Html5.pptx
Estructura semantica Html5.pptx
 
U2
U2U2
U2
 
Diseño web
Diseño webDiseño web
Diseño web
 
HTML-Andrea Sofia
HTML-Andrea SofiaHTML-Andrea Sofia
HTML-Andrea Sofia
 
Html- Andrea Sofia
Html- Andrea SofiaHtml- Andrea Sofia
Html- Andrea Sofia
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
 

Más de . .

Presentación1
Presentación1Presentación1
Presentación1. .
 
Music ♪
Music ♪Music ♪
Music ♪. .
 
Utilidad Y Ventajas De Flash Daniel 403
Utilidad Y Ventajas De Flash Daniel 403Utilidad Y Ventajas De Flash Daniel 403
Utilidad Y Ventajas De Flash Daniel 403. .
 
Flash Y Switch
Flash Y SwitchFlash Y Switch
Flash Y Switch. .
 
Flash Dan
Flash DanFlash Dan
Flash Dan. .
 
Flash Dan
Flash DanFlash Dan
Flash Dan. .
 
Utilidad Y Ventajas De Flash Daniel 403
Utilidad Y Ventajas De Flash Daniel 403Utilidad Y Ventajas De Flash Daniel 403
Utilidad Y Ventajas De Flash Daniel 403. .
 

Más de . . (7)

Presentación1
Presentación1Presentación1
Presentación1
 
Music ♪
Music ♪Music ♪
Music ♪
 
Utilidad Y Ventajas De Flash Daniel 403
Utilidad Y Ventajas De Flash Daniel 403Utilidad Y Ventajas De Flash Daniel 403
Utilidad Y Ventajas De Flash Daniel 403
 
Flash Y Switch
Flash Y SwitchFlash Y Switch
Flash Y Switch
 
Flash Dan
Flash DanFlash Dan
Flash Dan
 
Flash Dan
Flash DanFlash Dan
Flash Dan
 
Utilidad Y Ventajas De Flash Daniel 403
Utilidad Y Ventajas De Flash Daniel 403Utilidad Y Ventajas De Flash Daniel 403
Utilidad Y Ventajas De Flash Daniel 403
 

Etiquetas HTML resumen

  • 1. Daniel García Acosta 403 Este es un breve resumen de las etiquetas utilizadas en HTML. Comprende la clase más reciente de autoría web el grupo 403 ETIQUETAS DE AUTORIA WEB • Inicio <html> Permite identificar el tipo de documento. Todas las pagina de web estarán escritas en HTML y tendrán la extensión .html o .htm al mismo tiempo esta etiqueta tiene que tener un declarado la etiqueta de inicio (<html>) y la etiquete del final (</html>). • Cabecera de la página <head> Se utiliza para agrupar información sobre ella, como puede ser el titulo y va justo debajo de la etiqueta de cabecera. Dentro de la etiquetas de cabecera podemos encontrar las siguientes etiquetas: <link>, <style>, <scrip>, <meta>, <title>. Titulo de la página El titulo de la página es aquel que aparecerá en la parte superior de la ventana de nuestro navegador. Para asignar el titulo a una página es necesario las etiquetas de texto <title> y </title>. • Cuerpo del documento El cuerpo del documento contiene la información propia de nuestra página web, es decir, lo que queremos visualizar (un texto, imágenes, formularios, etc.) Todos estos elementos vienen dentro de la etiqueta <body>______________</body>. Atreves de la etiqueta body es posible establecer color en el fondo de nuestra página así como una imagen. Utilizaremos el atributo bgcolor al que es posible asignarle un color que va a estar representado en sexagesimal. Diseño Web Profesora Miroslava Hdez. Olvera
  • 2. Daniel García Acosta 403 • El atributo background Este atributo permite establecer una imagen como fondo indicando la ruta en la que se encuentra la imagen. Salto de línea <br> Cuando trabajamos un editor de texto producimos un salto de línea con la tecla intro o enter, pero dentro de HTML, utilizaremos la etiqueta <br> y la vamos a colocar en donde deseamos un salto de línea, esta etiqueta no requiere un cierre. → Comentario Podemos añadir comentarios dentro del código de manera que no se van a poder visualizar en el navegador. Para insertar un comentario utilizaremos el siguiente código: <! - - ___________ //- - > • Per formateado Es una forma segura de que el texto aparezca en el navegador tal cual ha sido insertado dentro del código, las etiquetas son: <pre> y </pre>. Si utilizamos estas etiquetas podemos tener la seguridad de que el navegador mostrara todos los espacios en blanco que se hayan insertado en el texto, así como los saltos de línea. • Separadores <hr> Se utiliza para separar secciones dentro de una misma página, es una regla horizontal. Utilizaremos la etiqueta <hr> la cual no tendrá etiqueta de cierre. Diseño Web Profesora Miroslava Hdez. Olvera
  • 3. Daniel García Acosta 403 Los atributos que se utilizan en esta etiqueta son los siguientes Atributo Align Significado Alineación de la regla Left (izquierda) Wiath Right (derecha) Ancho Center (centrado) Acompañado de un número y % Size Alto Un número No shade Eliminar el sombreado No toma valores Diseño Web Profesora Miroslava Hdez. Olvera
  • 4. Daniel García Acosta 403 Diseño Web Profesora Miroslava Hdez. Olvera