SlideShare una empresa de Scribd logo
1 de 5
HTLM
¿QUE ES HTLM?:

El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las
páginas web. Es un lenguaje de hipertexto, es decir, que permite escribir de forma
estructurada y que está compuesto por etiquetas.

Un documento de hipertexto no solo se compone de texto sino que también
contiene imágenes, sonidos, videos, etc., por lo que puede considerarse como un
documento multimedia.

Los documentos HTLM deben tener la extensión htmlo htmpara que se pueda
visualizar en lo navegadores.



NAVEGADORES:

El navegador es el que interpreta el código HTLM de la página que se está
visitando.

Los navegadores de hoy intentan ser compatibles con la última versión de HTLM
para poder interpretar etiquetas.




Para realizar las extensiones de los navegadores se añaden nuevas etiquetas.
Como resultado a estas extensiones, habrá páginas cuyo código podrá ser
interpretado por todos los navegadores. Uno de los retos de los diseñadores de
páginas web es hacer las páginas más atractivas utilizando toda la potencia del
lenguaje HTML pero teniendo en cuenta las compatibilidades para que los
internautas vean las paginas tal como las diseñaron.
EDITORES:

Un editor es un programa que nos permite redactar documentos. Hoy en dia ya
existen editores que nos permiten crear páginas sin la necesidad de redactar ni
una sola línea de HTML.Estos editores disponen de un entorno visual, y generan
automáticamente el código de las páginas.

Algunos de los editores visuales con los que se puede crear páginas web son
Macromedia Dreamweaver, Microsoft FrontPage, Adobe Pagemill, etc., algunos
tienen la ventaja de ser gratuitos.
Es aconsejable comenzar con una herramienta mas sencilla, para tener que
insertar nosotros mismos el HTLM, lo cual permite familiarizarse con el lenguaje.

Para crear paginas web escribiendo directamente el HTLM se puede usar Word
pad o bloc de notas.



ETIQUETAS:

Las etiquetas delimitan los elementos de un documento HTLM. Son dos tipos de
etiquetas:

La etiqueta de comienzo esta delimitada por lo caracteres < y >. Está compuesta
por el identificador, y pueden contener atributos que permiten añadir propiedades,
su sintaxis es:<identificador atributo1 atributo2...>

La etiqueta final está delimitada por los caracteres </ y >. Está compuesta por el
nombre de la etiqueta, y no contiene atributos. Su sintaxis es: </identificador>.

Cada uno de los elementos de la página se encuentra entre una etiqueta de
comienzo y la de cierre a excepción de algunos elementos que no la necesitan.
COLORES HEXADECIMAL:

Los colores en HTML se representan con un número hexadecimal.

Un número hexadecimal es diferente a un número decimal por que no sólo puede
tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos,
que van del 0 al 9, y de la A a la F.

Cada color estará representado por un grupo de seis dígitos en hexadecimal.

Existen 216 colores seguros para web. Éstos son los colores que se muestran de
igual forma en Microsoft Internet Explorer y en Netscape Navigator.

También podemos personalizar nuestros propios colores, modificando los valores
de cada uno de los dígitos que forman parte del número hexadecimal.

A continuación se muestran los 216 colores seguros para web, para que puedas
consultarlos cuando lo necesites:
Hay otra forma de representar colores, sin necesidad de utilizar números
hexadecimal. Estos colores pueden representarse por su nombre y son los
siguientes:

Más contenido relacionado

La actualidad más candente

La actualidad más candente (9)

Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web
Pagina webPagina web
Pagina web
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolás esguerra
Colegio  nacional nicolás esguerraColegio  nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
HTML
HTMLHTML
HTML
 
Kenin y guari
Kenin y guariKenin y guari
Kenin y guari
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 

Similar a Htlm (20)

Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
Colegio nacional nicolas
Colegio  nacional  nicolasColegio  nacional  nicolas
Colegio nacional nicolas
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Qué es html
Qué es htmlQué es html
Qué es html
 

Más de Camilo Ramirez

Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina webCamilo Ramirez
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina webCamilo Ramirez
 
Atributos de la etiqueta body
Atributos de la etiqueta bodyAtributos de la etiqueta body
Atributos de la etiqueta bodyCamilo Ramirez
 
Proyecto triqui ramirez 906
Proyecto triqui ramirez 906Proyecto triqui ramirez 906
Proyecto triqui ramirez 906Camilo Ramirez
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoCamilo Ramirez
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoCamilo Ramirez
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoCamilo Ramirez
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoCamilo Ramirez
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoCamilo Ramirez
 

Más de Camilo Ramirez (17)

Horario
HorarioHorario
Horario
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Atributos de la etiqueta body
Atributos de la etiqueta bodyAtributos de la etiqueta body
Atributos de la etiqueta body
 
Pagina web
Pagina webPagina web
Pagina web
 
Actividad
ActividadActividad
Actividad
 
Maloka
MalokaMaloka
Maloka
 
Tarea guia 2.
Tarea guia 2.Tarea guia 2.
Tarea guia 2.
 
Relaciones
RelacionesRelaciones
Relaciones
 
Proyecto triqui ramirez 906
Proyecto triqui ramirez 906Proyecto triqui ramirez 906
Proyecto triqui ramirez 906
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a paso
 
Nomina ramirez 906
Nomina ramirez 906Nomina ramirez 906
Nomina ramirez 906
 
Factura ramirez 906
Factura ramirez 906Factura ramirez 906
Factura ramirez 906
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a paso
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a paso
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a paso
 
Ramirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a pasoRamirez 906 ejercicios paso a paso
Ramirez 906 ejercicios paso a paso
 

Htlm

  • 1. HTLM ¿QUE ES HTLM?: El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, que permite escribir de forma estructurada y que está compuesto por etiquetas. Un documento de hipertexto no solo se compone de texto sino que también contiene imágenes, sonidos, videos, etc., por lo que puede considerarse como un documento multimedia. Los documentos HTLM deben tener la extensión htmlo htmpara que se pueda visualizar en lo navegadores. NAVEGADORES: El navegador es el que interpreta el código HTLM de la página que se está visitando. Los navegadores de hoy intentan ser compatibles con la última versión de HTLM para poder interpretar etiquetas. Para realizar las extensiones de los navegadores se añaden nuevas etiquetas. Como resultado a estas extensiones, habrá páginas cuyo código podrá ser interpretado por todos los navegadores. Uno de los retos de los diseñadores de páginas web es hacer las páginas más atractivas utilizando toda la potencia del lenguaje HTML pero teniendo en cuenta las compatibilidades para que los internautas vean las paginas tal como las diseñaron.
  • 2. EDITORES: Un editor es un programa que nos permite redactar documentos. Hoy en dia ya existen editores que nos permiten crear páginas sin la necesidad de redactar ni una sola línea de HTML.Estos editores disponen de un entorno visual, y generan automáticamente el código de las páginas. Algunos de los editores visuales con los que se puede crear páginas web son Macromedia Dreamweaver, Microsoft FrontPage, Adobe Pagemill, etc., algunos tienen la ventaja de ser gratuitos.
  • 3. Es aconsejable comenzar con una herramienta mas sencilla, para tener que insertar nosotros mismos el HTLM, lo cual permite familiarizarse con el lenguaje. Para crear paginas web escribiendo directamente el HTLM se puede usar Word pad o bloc de notas. ETIQUETAS: Las etiquetas delimitan los elementos de un documento HTLM. Son dos tipos de etiquetas: La etiqueta de comienzo esta delimitada por lo caracteres < y >. Está compuesta por el identificador, y pueden contener atributos que permiten añadir propiedades, su sintaxis es:<identificador atributo1 atributo2...> La etiqueta final está delimitada por los caracteres </ y >. Está compuesta por el nombre de la etiqueta, y no contiene atributos. Su sintaxis es: </identificador>. Cada uno de los elementos de la página se encuentra entre una etiqueta de comienzo y la de cierre a excepción de algunos elementos que no la necesitan.
  • 4. COLORES HEXADECIMAL: Los colores en HTML se representan con un número hexadecimal. Un número hexadecimal es diferente a un número decimal por que no sólo puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores distintos, que van del 0 al 9, y de la A a la F. Cada color estará representado por un grupo de seis dígitos en hexadecimal. Existen 216 colores seguros para web. Éstos son los colores que se muestran de igual forma en Microsoft Internet Explorer y en Netscape Navigator. También podemos personalizar nuestros propios colores, modificando los valores de cada uno de los dígitos que forman parte del número hexadecimal. A continuación se muestran los 216 colores seguros para web, para que puedas consultarlos cuando lo necesites:
  • 5. Hay otra forma de representar colores, sin necesidad de utilizar números hexadecimal. Estos colores pueden representarse por su nombre y son los siguientes: