SlideShare une entreprise Scribd logo
1  sur  6
HTML
HTML hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus
diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de
contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización
dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su
escritura e interpretación.
El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página
(imagen, vídeo, script, etc.), este no se incrusta directamente en el código de la página, sino que se hace una
referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto
mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar
la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en
una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegadores web
actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido características, con el fin de
hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas
(PC de escritorio, portátiles, teléfonos inteligentes, tablets, etc.). Sin embargo, para interpretar correctamente una
nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario
debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Usualmente los cambios
son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del
navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un
navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de
HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y
cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo,
las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se
cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones
HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar
una misma página web.
resumen de etiquetas y atributos
etiqueta cierre atributo explicación
<!-- --> Añadir un comentario no visible.
<a> </a> Establece un vínculo.
href Dirección del vínculo.
name Establece un ancla.
target Establece el destino del vínculo: _blank, _self, _top,
_parent, o "definido"
<b> </b> Texto en negrita.
<blockquote> </blockquote> Sangrado.
<body> </body> Parte visible en pantalla del documento.
alink Modifica el color del vínculo cuando está activado.
background Para colocar una imagen de fondo.
bgcolor Para establecer un color de fondo.
link Modifica el color del vínculo antes de estar
activado.
vlink Modifica el color del vínculo cuando ya ha sido
visitado.
<br> Salto de línea.
<caption> </caption> Establece el título de una tabla. Dentro de <table>.
<center> <center> Centra en horizontal.
<dd> La definición del término. Dentro de <dl>
<dl> </dl> Listado de términos y sus definiciones.
<dt> </dt> Término para ser definido. Dentro de <dl>
<font> </font>
Fuente.
size Tamaño de la fuente.
color Color
face Tipo de letra.
<form> </form> Formulario
action ="mailto:la_dirección_de_correo"
method ="post"
enctype ="text/plain"
<frame> </frame> Marco.
name Nombre que se le da para referirse después a él.
src Establece qué documento se va a cargar
inicialmente en el marco.
frameborder Indica si habrá o no borde entre los marcos.
noresize Si se escribe, el navegante no puede redimensionar
los marcos.
scrolling Establece si habrá o no barra de scrolling.
<frameset> </frameset> Estructura de los marcos.
cols Número de columnas.
rows Número de filas.
<h1> </h1> Encabezado de primer orden.Hay otros 5:
<h2><h3><h4><h5><h6>
<head> </head> Cabecera del documento.
<hr> Línea de separación horizontal.
align Alineación de la línea.
noshade Sin efecto tridimensional.
size Grosor de la línea.
width Anchura de la línea.
<html> </html> Apertura y cierre del código.
<i> </i> Letra cursiva.
<iframe> </iframe> Marco en línea. Carga en un marco otra página.
name Nombre que se le da al espacio para posteriores
referencias.
src Establece qué documento se carga inicialmente.
frameborder Establece si habrá o no borde de separación.
<img> Inserta una imagen.
alt Texto alternativo a la imagen.
border Establece si va a tener borde o no, cuando sirva de
vínculo.
height Altura de la imagen.
width Ancho de la imagen.
src Establece qué imagen se va a insertar.
<li> Componente de una lista. Dentro de <ul> o de <ol>
<ol> </ol> Lista numerada de objetos.
<p> </p> Párrafo nuevo.
<sub> </sub> Subíndice.
<sup> </sup> Superíndice.
<table> </table> Tabla.
align Alinea la tabla: center, right, left
bgcolor Establece el color de fondo de la tabla.
border Establece un borde a la tabla
cellpadding Separación entre el borde de la tabla y el contenido.
cellspacing Separación entre las celdas.
width Establece el ancho de la tabla.
<td> </td> Celda de una tabla.
align Establece la alineación del texto dentro de la celda:
left, center, right.
bgcolor Establece el color de fondo para la celda.
colspan Extiende la celda sobre varias columnas.
height Establece la altura de la celda.
rowspan Extiende la celda sobre varias filas.
valign Establece la alineación vertical: top, middle, bottom.
width Establece el ancho de la celda.
<th> </th> Titular de la columna de una tabla. Dentro de <tr>.
<title> </title> Establece el nombre del documento. Dentro de
<head>
<tr> </tr> Fila de una tabla.
<u> </u> Subrayado.
<ul> </ul> Lista no numerada de objetos.
Integrantes:
Angie Lemus
Luisa Canal
Tatiana Abaunza
10-02JT
Integrantes:
Angie Lemus
Luisa Canal
Tatiana Abaunza
10-02JT

Contenu connexe

Tendances (18)

Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Etiquetas basicas html
Etiquetas basicas htmlEtiquetas basicas html
Etiquetas basicas html
 
Etiquetas basicas producto 10
Etiquetas basicas producto 10Etiquetas basicas producto 10
Etiquetas basicas producto 10
 
Etiquetas de html
Etiquetas de htmlEtiquetas de html
Etiquetas de html
 
Producto 4 FR
Producto 4 FRProducto 4 FR
Producto 4 FR
 
Portales ud4 - lenguaje html
Portales   ud4 - lenguaje htmlPortales   ud4 - lenguaje html
Portales ud4 - lenguaje html
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Valery....
Valery....Valery....
Valery....
 
Html vanegas morales, vasquez montejo
Html vanegas morales, vasquez montejoHtml vanegas morales, vasquez montejo
Html vanegas morales, vasquez montejo
 
Páginas html
Páginas htmlPáginas html
Páginas html
 
Páginas web con html
Páginas web con htmlPáginas web con html
Páginas web con html
 
Presentación1
Presentación1Presentación1
Presentación1
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
 
Etiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadasEtiquetas de lenguaje html mas utilizadas
Etiquetas de lenguaje html mas utilizadas
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 

En vedette

La tecnologia-en-la-sociedad-contemporánea
La tecnologia-en-la-sociedad-contemporáneaLa tecnologia-en-la-sociedad-contemporánea
La tecnologia-en-la-sociedad-contemporáneaANGELICA DIAZ CASTILLO
 
La tecnologia-en-la-sociedad-contemporánea-rubi
La tecnologia-en-la-sociedad-contemporánea-rubiLa tecnologia-en-la-sociedad-contemporánea-rubi
La tecnologia-en-la-sociedad-contemporánea-rubiMariana Bahena
 
Virus y vacunas informaticos
Virus y vacunas informaticosVirus y vacunas informaticos
Virus y vacunas informaticosteodio9105
 
Curriculum vitae m.pierre lepine
Curriculum vitae  m.pierre lepineCurriculum vitae  m.pierre lepine
Curriculum vitae m.pierre lepinePierre Lépine
 
Using Rich Video
Using Rich VideoUsing Rich Video
Using Rich VideoMary Hendra
 
Broken hotmail
Broken hotmailBroken hotmail
Broken hotmailsergio0914
 
Aguilar stephani virus antivirus
Aguilar stephani virus antivirusAguilar stephani virus antivirus
Aguilar stephani virus antivirusstephani1919
 
Scénarisation d'un cours en ligne sous 5 axes
Scénarisation d'un cours en ligne sous 5 axesScénarisation d'un cours en ligne sous 5 axes
Scénarisation d'un cours en ligne sous 5 axesAntonia Rizakou
 
Caps fet tourism gr 10-12 web_1_fac
Caps fet   tourism   gr 10-12 web_1_facCaps fet   tourism   gr 10-12 web_1_fac
Caps fet tourism gr 10-12 web_1_facNokwenama Shabalala
 
NFMNT Chapter 4 Manage Food Allergies, Complementary, and Alternative Medicine
NFMNT Chapter 4 Manage Food Allergies, Complementary, and Alternative MedicineNFMNT Chapter 4 Manage Food Allergies, Complementary, and Alternative Medicine
NFMNT Chapter 4 Manage Food Allergies, Complementary, and Alternative MedicineKellyGCDET
 
آشنایی با استارتاپ ناب- استارتاپ اسپارک اصفهان
آشنایی با استارتاپ ناب- استارتاپ اسپارک اصفهانآشنایی با استارتاپ ناب- استارتاپ اسپارک اصفهان
آشنایی با استارتاپ ناب- استارتاپ اسپارک اصفهانNasser Ghanemzadeh
 
ده سوال برای ارزیابی ارزش پیشنهادی استارتاپ شما
ده سوال برای ارزیابی ارزش پیشنهادی استارتاپ شماده سوال برای ارزیابی ارزش پیشنهادی استارتاپ شما
ده سوال برای ارزیابی ارزش پیشنهادی استارتاپ شماMahdi Nasseri
 

En vedette (16)

La tecnologia-en-la-sociedad-contemporánea
La tecnologia-en-la-sociedad-contemporáneaLa tecnologia-en-la-sociedad-contemporánea
La tecnologia-en-la-sociedad-contemporánea
 
La tecnologia-en-la-sociedad-contemporánea-rubi
La tecnologia-en-la-sociedad-contemporánea-rubiLa tecnologia-en-la-sociedad-contemporánea-rubi
La tecnologia-en-la-sociedad-contemporánea-rubi
 
Virus y vacunas informaticos
Virus y vacunas informaticosVirus y vacunas informaticos
Virus y vacunas informaticos
 
Curriculum vitae m.pierre lepine
Curriculum vitae  m.pierre lepineCurriculum vitae  m.pierre lepine
Curriculum vitae m.pierre lepine
 
Using Rich Video
Using Rich VideoUsing Rich Video
Using Rich Video
 
Broken hotmail
Broken hotmailBroken hotmail
Broken hotmail
 
Aguilar stephani virus antivirus
Aguilar stephani virus antivirusAguilar stephani virus antivirus
Aguilar stephani virus antivirus
 
2015 tou31108 1109
2015 tou31108 11092015 tou31108 1109
2015 tou31108 1109
 
Scénarisation d'un cours en ligne sous 5 axes
Scénarisation d'un cours en ligne sous 5 axesScénarisation d'un cours en ligne sous 5 axes
Scénarisation d'un cours en ligne sous 5 axes
 
Rock'n'Roll
Rock'n'RollRock'n'Roll
Rock'n'Roll
 
Caps fet tourism gr 10-12 web_1_fac
Caps fet   tourism   gr 10-12 web_1_facCaps fet   tourism   gr 10-12 web_1_fac
Caps fet tourism gr 10-12 web_1_fac
 
CV
CVCV
CV
 
Gestes de 1ers secours
Gestes de 1ers secoursGestes de 1ers secours
Gestes de 1ers secours
 
NFMNT Chapter 4 Manage Food Allergies, Complementary, and Alternative Medicine
NFMNT Chapter 4 Manage Food Allergies, Complementary, and Alternative MedicineNFMNT Chapter 4 Manage Food Allergies, Complementary, and Alternative Medicine
NFMNT Chapter 4 Manage Food Allergies, Complementary, and Alternative Medicine
 
آشنایی با استارتاپ ناب- استارتاپ اسپارک اصفهان
آشنایی با استارتاپ ناب- استارتاپ اسپارک اصفهانآشنایی با استارتاپ ناب- استارتاپ اسپارک اصفهان
آشنایی با استارتاپ ناب- استارتاپ اسپارک اصفهان
 
ده سوال برای ارزیابی ارزش پیشنهادی استارتاپ شما
ده سوال برای ارزیابی ارزش پیشنهادی استارتاپ شماده سوال برای ارزیابی ارزش پیشنهادی استارتاپ شما
ده سوال برای ارزیابی ارزش پیشنهادی استارتاپ شما
 

Similaire à Tatiana (20)

Diseño web guias 1-3
Diseño web guias 1-3Diseño web guias 1-3
Diseño web guias 1-3
 
Tatiana 1002
Tatiana 1002Tatiana 1002
Tatiana 1002
 
Ppp jjj 1002
Ppp jjj 1002Ppp jjj 1002
Ppp jjj 1002
 
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdfGUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
GUIA DE FORMULARIOS HTML - PARA LA ACTIVIDAD 1.pdf
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Instituto tecnológico de nor 3
Instituto tecnológico de nor 3Instituto tecnológico de nor 3
Instituto tecnológico de nor 3
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Acerca de html
Acerca de htmlAcerca de html
Acerca de html
 
Html-CSS
Html-CSSHtml-CSS
Html-CSS
 
Html
HtmlHtml
Html
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Lissette lainez
Lissette lainezLissette lainez
Lissette lainez
 
Valery....
Valery....Valery....
Valery....
 
Valery....
Valery....Valery....
Valery....
 
Valery....
Valery....Valery....
Valery....
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Html vanegas morales, vasquez montejo
Html vanegas morales, vasquez montejoHtml vanegas morales, vasquez montejo
Html vanegas morales, vasquez montejo
 

Tatiana

  • 1. HTML HTML hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para añadir un elemento externo a la página (imagen, vídeo, script, etc.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegadores web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tablets, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Usualmente los cambios son aplicados mediante parches de actualización automática (Firefox, Chrome) u ofreciendo una nueva versión del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no será capaz de interpretar correctamente una página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web.
  • 2. resumen de etiquetas y atributos etiqueta cierre atributo explicación <!-- --> Añadir un comentario no visible. <a> </a> Establece un vínculo. href Dirección del vínculo. name Establece un ancla. target Establece el destino del vínculo: _blank, _self, _top, _parent, o "definido" <b> </b> Texto en negrita. <blockquote> </blockquote> Sangrado. <body> </body> Parte visible en pantalla del documento. alink Modifica el color del vínculo cuando está activado. background Para colocar una imagen de fondo. bgcolor Para establecer un color de fondo. link Modifica el color del vínculo antes de estar activado. vlink Modifica el color del vínculo cuando ya ha sido visitado. <br> Salto de línea. <caption> </caption> Establece el título de una tabla. Dentro de <table>. <center> <center> Centra en horizontal. <dd> La definición del término. Dentro de <dl> <dl> </dl> Listado de términos y sus definiciones. <dt> </dt> Término para ser definido. Dentro de <dl> <font> </font> Fuente. size Tamaño de la fuente. color Color face Tipo de letra. <form> </form> Formulario action ="mailto:la_dirección_de_correo" method ="post"
  • 3. enctype ="text/plain" <frame> </frame> Marco. name Nombre que se le da para referirse después a él. src Establece qué documento se va a cargar inicialmente en el marco. frameborder Indica si habrá o no borde entre los marcos. noresize Si se escribe, el navegante no puede redimensionar los marcos. scrolling Establece si habrá o no barra de scrolling. <frameset> </frameset> Estructura de los marcos. cols Número de columnas. rows Número de filas. <h1> </h1> Encabezado de primer orden.Hay otros 5: <h2><h3><h4><h5><h6> <head> </head> Cabecera del documento. <hr> Línea de separación horizontal. align Alineación de la línea. noshade Sin efecto tridimensional. size Grosor de la línea. width Anchura de la línea. <html> </html> Apertura y cierre del código. <i> </i> Letra cursiva. <iframe> </iframe> Marco en línea. Carga en un marco otra página. name Nombre que se le da al espacio para posteriores referencias. src Establece qué documento se carga inicialmente. frameborder Establece si habrá o no borde de separación. <img> Inserta una imagen. alt Texto alternativo a la imagen. border Establece si va a tener borde o no, cuando sirva de vínculo. height Altura de la imagen. width Ancho de la imagen.
  • 4. src Establece qué imagen se va a insertar. <li> Componente de una lista. Dentro de <ul> o de <ol> <ol> </ol> Lista numerada de objetos. <p> </p> Párrafo nuevo. <sub> </sub> Subíndice. <sup> </sup> Superíndice. <table> </table> Tabla. align Alinea la tabla: center, right, left bgcolor Establece el color de fondo de la tabla. border Establece un borde a la tabla cellpadding Separación entre el borde de la tabla y el contenido. cellspacing Separación entre las celdas. width Establece el ancho de la tabla. <td> </td> Celda de una tabla. align Establece la alineación del texto dentro de la celda: left, center, right. bgcolor Establece el color de fondo para la celda. colspan Extiende la celda sobre varias columnas. height Establece la altura de la celda. rowspan Extiende la celda sobre varias filas. valign Establece la alineación vertical: top, middle, bottom. width Establece el ancho de la celda. <th> </th> Titular de la columna de una tabla. Dentro de <tr>. <title> </title> Establece el nombre del documento. Dentro de <head> <tr> </tr> Fila de una tabla. <u> </u> Subrayado. <ul> </ul> Lista no numerada de objetos.