SlideShare una empresa de Scribd logo
1 de 8
Alex Mckay Tucker 
HTML ETIQUETAS COMUNES
<HEAD> 
 Los elementos <HEAD></HEAD> se colocan 
inmediatamente después de la apertura de la marca 
<HTML> y cierran el encabezamiento propiamente 
dicho del documento; es decir toda la información 
que necesita el navegador, el servidor de web y los 
motores de búsqueda. 
 <!DOCTYPE HTML PUBLIC ="-//IETF//DTD HTML 
4.0//EN"> 
<HTML> 
<HEAD></HEAD> 
</HTML>
<IMG> 
 Antes de describir en detalle la marca principal de 
inserción de imágenes en los hipertextos, es 
conveniente precisar algunos conceptos de HTML. A 
diferencia de muchos procesadores de texto (Ms 
Word, por ejemplo), los hipertextos no se "funden" 
con las imágenes que les sirven de acompañamiento 
gráfico, sino que se limitan a invocarlas desde un 
recorrido específico in situ o en el web. ] 
 La marca <IMG> no necesita cierre y su sintaxis 
correcta es: 
<IMG SRC="immagine.gif">
<Tablas> 
 La altura y anchura global de una tabla se 
indica dentro del atributo <TABLE>, que 
señala la apertura y cierre de una tabla. Las 
dimensiones se definen mediante WIDTH 
(ancho) y HEIGHT (alto) y pueden expresarse 
en píxel o en tantos por ciento respecto a la 
página: 
<TABLE WIDTH=500> 
</TABLE>
Titulo 
 El elemento <TITLE></TITLE> es el más 
utilizado dentro de la marca <HEAD>, dado 
que sirve para dar título a la página. El título 
suele ser visualizado por los navegadores en 
la cabecera de página. 
 La sintaxis correcta de la marca TITLE es la 
siguiente: 
<TITLE>Mi primera portada con la guía de 
HTMLpoint</TITLE>
<Hipervinculo> 
 Dentro de una página web, los hipervínculos son las palabras, párrafos 
o imágenes que al darles click, te llevarán a otro lugar, ya sea a otra 
página, o a una sección en específico dentro de la misma página; 
desempeñan una función muy útil, por ello saber cómo aprender a 
programar hipervínculos a la hora de crear un sitio web es muy 
importante. 
 Cómo crear un hipervínculo: 
 
 Para programar HTML, los hipervínculos se indican con la etiqueta 
<a>. 
 
 Dicha etiqueta <a> deberá incluir el atributo href para especificar el 
destino del hipervínculo, y luego, como todas las etiquetas de HTML, se 
deberá cerrar de la manera </a> para indicar el fin del texto o de la 
imagen que contiene el hipervínculo. 

<Hipervinculo> 
 Entonces, el hipervínculo en HTML luce de la 
siguiente manera: 
 
 <a href=”dirección del sitio”>Texto del 
Hipervínculo</a> 
 
 Ejemplo: 
 
 <a href=www.basekit.com.mx>BaseKit 
México</a>
<P> 
 La marca <P> sirve para definir un nuevo párrafo de texto, 
indicando al navegador que el mismo debe empezar en una 
nueva línea y colocarse a la derecha, a la izquierda o 
centrado. Si no se especifica otra cosa, la marca <P> alinea 
el texto por defecto a la izquierda. Para indicar otros tipos 
de alineación, existen atributos específicos: 
<P ALIGN=left> 
Define un párrafo y alinea el texto a la izquierda(left). 
<P ALIGN=right> 
Define un párrafo y alinea el texto a la derecha (right). 
<P ALIGN=center> 
Define un párrafo y centra el texto (center).

Más contenido relacionado

La actualidad más candente

Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!
D' Chong
 
Producto 4 etiquetas basicas joon lee
Producto 4 etiquetas basicas joon leeProducto 4 etiquetas basicas joon lee
Producto 4 etiquetas basicas joon lee
JoonLee2000
 
Dn11 u3 a5_vbol
Dn11 u3 a5_vbolDn11 u3 a5_vbol
Dn11 u3 a5_vbol
vrisa1992
 
Programación básica de html5
Programación básica de html5Programación básica de html5
Programación básica de html5
Coka Medel
 
Informatica import....
Informatica import....Informatica import....
Informatica import....
Johaine De Oro
 

La actualidad más candente (20)

Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Semana 6 Estructura y Componentes
Semana 6   Estructura y ComponentesSemana 6   Estructura y Componentes
Semana 6 Estructura y Componentes
 
Html trabajo!
Html trabajo!Html trabajo!
Html trabajo!
 
Blogger
BloggerBlogger
Blogger
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Html y html5
Html  y html5Html  y html5
Html y html5
 
Tatoo
TatooTatoo
Tatoo
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
 
Producto 4 etiquetas basicas joon lee
Producto 4 etiquetas basicas joon leeProducto 4 etiquetas basicas joon lee
Producto 4 etiquetas basicas joon lee
 
Vinculos
VinculosVinculos
Vinculos
 
Meta etiquetas
Meta etiquetasMeta etiquetas
Meta etiquetas
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
 
Dn11 u3 a5_vbol
Dn11 u3 a5_vbolDn11 u3 a5_vbol
Dn11 u3 a5_vbol
 
Manual de html
Manual de htmlManual de html
Manual de html
 
Sematicas cabecera
Sematicas cabeceraSematicas cabecera
Sematicas cabecera
 
Html Sharon 4101
Html Sharon 4101Html Sharon 4101
Html Sharon 4101
 
Programación básica de html5
Programación básica de html5Programación básica de html5
Programación básica de html5
 
Informatica import....
Informatica import....Informatica import....
Informatica import....
 

Destacado

La vache folle
La vache folleLa vache folle
La vache folle
catavrio
 
La vache folle
La vache folleLa vache folle
La vache folle
catavrio
 
Adultes seulement.cvg
Adultes seulement.cvgAdultes seulement.cvg
Adultes seulement.cvg
catavrio
 
Guide pour la promotion en ligne
Guide pour la promotion en ligneGuide pour la promotion en ligne
Guide pour la promotion en ligne
regiosuisse
 
Nouveau betisier -
Nouveau betisier -Nouveau betisier -
Nouveau betisier -
catavrio
 
X lesmaillots
X lesmaillotsX lesmaillots
X lesmaillots
catavrio
 
L inventeur de-ey_davidson_gl1209
L inventeur de-ey_davidson_gl1209L inventeur de-ey_davidson_gl1209
L inventeur de-ey_davidson_gl1209
catavrio
 
Le vieil homme_et_l_autruche
Le vieil homme_et_l_autrucheLe vieil homme_et_l_autruche
Le vieil homme_et_l_autruche
catavrio
 
Adultes seulement.cvg
Adultes seulement.cvgAdultes seulement.cvg
Adultes seulement.cvg
catavrio
 

Destacado (20)

ACHAT APPARTEMENT PARIS FOCH JARDIN
ACHAT APPARTEMENT PARIS FOCH JARDINACHAT APPARTEMENT PARIS FOCH JARDIN
ACHAT APPARTEMENT PARIS FOCH JARDIN
 
Cross-compilation native sous android
Cross-compilation native sous androidCross-compilation native sous android
Cross-compilation native sous android
 
Proves cicles formatius sessio 3
Proves cicles formatius sessio 3Proves cicles formatius sessio 3
Proves cicles formatius sessio 3
 
Modeles et outils du developpement regional, cours SANU
Modeles et outils du developpement regional, cours SANUModeles et outils du developpement regional, cours SANU
Modeles et outils du developpement regional, cours SANU
 
La vache folle
La vache folleLa vache folle
La vache folle
 
La vache folle
La vache folleLa vache folle
La vache folle
 
La gym
La gymLa gym
La gym
 
EL USO DE LA TIC PARA LOS DOCENTES
EL USO DE LA TIC PARA  LOS DOCENTESEL USO DE LA TIC PARA  LOS DOCENTES
EL USO DE LA TIC PARA LOS DOCENTES
 
Adultes seulement.cvg
Adultes seulement.cvgAdultes seulement.cvg
Adultes seulement.cvg
 
Révolution numérique
Révolution numériqueRévolution numérique
Révolution numérique
 
Guide pour la promotion en ligne
Guide pour la promotion en ligneGuide pour la promotion en ligne
Guide pour la promotion en ligne
 
Nouveau betisier -
Nouveau betisier -Nouveau betisier -
Nouveau betisier -
 
X lesmaillots
X lesmaillotsX lesmaillots
X lesmaillots
 
Présentation Malcom
Présentation MalcomPrésentation Malcom
Présentation Malcom
 
L inventeur de-ey_davidson_gl1209
L inventeur de-ey_davidson_gl1209L inventeur de-ey_davidson_gl1209
L inventeur de-ey_davidson_gl1209
 
Le vieil homme_et_l_autruche
Le vieil homme_et_l_autrucheLe vieil homme_et_l_autruche
Le vieil homme_et_l_autruche
 
Melissa lombana portaflio de presentación.
Melissa lombana portaflio de presentación.Melissa lombana portaflio de presentación.
Melissa lombana portaflio de presentación.
 
Petitgenie
PetitgeniePetitgenie
Petitgenie
 
Realidad Aumentada
Realidad AumentadaRealidad Aumentada
Realidad Aumentada
 
Adultes seulement.cvg
Adultes seulement.cvgAdultes seulement.cvg
Adultes seulement.cvg
 

Similar a Producto 4

Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
Mariana Barreto
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
JoonLee2000
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
karen_malik
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
LunaisabellaYandarCa
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
danielaruiztomy
 

Similar a Producto 4 (20)

HTML.pdf
HTML.pdfHTML.pdf
HTML.pdf
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Hipervinculos links anclas html href target title etiqueta a
Hipervinculos links anclas html href target title etiqueta aHipervinculos links anclas html href target title etiqueta a
Hipervinculos links anclas html href target title etiqueta a
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
tutorial
tutorialtutorial
tutorial
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Producto3 Ariana y irnesto
Producto3 Ariana y irnestoProducto3 Ariana y irnesto
Producto3 Ariana y irnesto
 
Intro html5
Intro html5Intro html5
Intro html5
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Como hacer una pagina en HTML
Como hacer una pagina en HTMLComo hacer una pagina en HTML
Como hacer una pagina en HTML
 
etiquetas.pdf
etiquetas.pdfetiquetas.pdf
etiquetas.pdf
 
Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01Sitio web (html) ejemplos 01
Sitio web (html) ejemplos 01
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
 

Último

La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
JonathanCovena1
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
NancyLoaa
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 

Último (20)

Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Valoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCVValoración Crítica de EEEM Feco2023 FFUCV
Valoración Crítica de EEEM Feco2023 FFUCV
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 

Producto 4

  • 1. Alex Mckay Tucker HTML ETIQUETAS COMUNES
  • 2. <HEAD>  Los elementos <HEAD></HEAD> se colocan inmediatamente después de la apertura de la marca <HTML> y cierran el encabezamiento propiamente dicho del documento; es decir toda la información que necesita el navegador, el servidor de web y los motores de búsqueda.  <!DOCTYPE HTML PUBLIC ="-//IETF//DTD HTML 4.0//EN"> <HTML> <HEAD></HEAD> </HTML>
  • 3. <IMG>  Antes de describir en detalle la marca principal de inserción de imágenes en los hipertextos, es conveniente precisar algunos conceptos de HTML. A diferencia de muchos procesadores de texto (Ms Word, por ejemplo), los hipertextos no se "funden" con las imágenes que les sirven de acompañamiento gráfico, sino que se limitan a invocarlas desde un recorrido específico in situ o en el web. ]  La marca <IMG> no necesita cierre y su sintaxis correcta es: <IMG SRC="immagine.gif">
  • 4. <Tablas>  La altura y anchura global de una tabla se indica dentro del atributo <TABLE>, que señala la apertura y cierre de una tabla. Las dimensiones se definen mediante WIDTH (ancho) y HEIGHT (alto) y pueden expresarse en píxel o en tantos por ciento respecto a la página: <TABLE WIDTH=500> </TABLE>
  • 5. Titulo  El elemento <TITLE></TITLE> es el más utilizado dentro de la marca <HEAD>, dado que sirve para dar título a la página. El título suele ser visualizado por los navegadores en la cabecera de página.  La sintaxis correcta de la marca TITLE es la siguiente: <TITLE>Mi primera portada con la guía de HTMLpoint</TITLE>
  • 6. <Hipervinculo>  Dentro de una página web, los hipervínculos son las palabras, párrafos o imágenes que al darles click, te llevarán a otro lugar, ya sea a otra página, o a una sección en específico dentro de la misma página; desempeñan una función muy útil, por ello saber cómo aprender a programar hipervínculos a la hora de crear un sitio web es muy importante.  Cómo crear un hipervínculo:   Para programar HTML, los hipervínculos se indican con la etiqueta <a>.   Dicha etiqueta <a> deberá incluir el atributo href para especificar el destino del hipervínculo, y luego, como todas las etiquetas de HTML, se deberá cerrar de la manera </a> para indicar el fin del texto o de la imagen que contiene el hipervínculo. 
  • 7. <Hipervinculo>  Entonces, el hipervínculo en HTML luce de la siguiente manera:   <a href=”dirección del sitio”>Texto del Hipervínculo</a>   Ejemplo:   <a href=www.basekit.com.mx>BaseKit México</a>
  • 8. <P>  La marca <P> sirve para definir un nuevo párrafo de texto, indicando al navegador que el mismo debe empezar en una nueva línea y colocarse a la derecha, a la izquierda o centrado. Si no se especifica otra cosa, la marca <P> alinea el texto por defecto a la izquierda. Para indicar otros tipos de alineación, existen atributos específicos: <P ALIGN=left> Define un párrafo y alinea el texto a la izquierda(left). <P ALIGN=right> Define un párrafo y alinea el texto a la derecha (right). <P ALIGN=center> Define un párrafo y centra el texto (center).