SlideShare una empresa de Scribd logo
1 de 5
HTML

Qué es HTML
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, un lenguaje que permite escribir texto de forma estructurada,
y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del
documento.

Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos,
etc., por lo que el resultado puede considerarse como un documento multimedia.

Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en
los navegadores (programas que permiten visualizar las páginas web).

Los navegadores
Como hemos dicho, el navegador instalado en el ordenador del usuario es el que interpreta el
código HTML de la página que visita por lo que a veces puede ocurrir que dos usuarios visualicen la
misma página de forma distinta porque tienen instalados navegadores distintos o incluso
versiones distintas del mismo navegador. Los navegadores de hoy en día pretenden ser
compatibles con la última versión de HTML. Es necesario realizar extensiones de los navegadores
para que puedan ser compatibles con esta última versión.
Editores


    Un editor es un programa que nos permiten redactar documentos. Hoy en día existen un
  gran número de editores que permiten crear páginas web sin la necesidad de escribir ni una
  sola línea de código HTML. Estos editores disponen de un entorno visual, y generan
  automáticamente el código de las páginas. Al poder ver en todo momento cómo quedará la
  página en el navegador, se facilita la creación de las páginas, y el uso de menús permite ganar
  rapidez.Estos editores visuales pueden generar en ocasiones código basura, es decir, código
  que no sirve para nada, en otras ocasiones puede ser más efectivo corregir directamente el
  código por lo que resulta necesario saber HTML para poder depurar el código de nuestra
  páginas.



Algunos de los editores visuales con los que podrás crear tus páginas web son Macromedia
Dreamweaver, Microsoft Frontpage, Adobe Pagemill, NetObjects Fusión, CutePage, HotDog
Proffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser
gratuitos.




Etiquetas

     Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento
  HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de
  elemento.

   La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el
identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que
permiten añadir ciertas propiedades. Su sintaxis es: <identificador atributo1 atributo2 ...>
Colores Hexadecimales

Los colores en HTML se representan mediante un número hexadecimal.Un número hexadecimal
se diferencia de un número decimal en 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, precedidos por una almohadilla,
como por ejemplo #FFFFFF. Existen 216 colores seguros para web. Éstos son los colores que se
muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en
Windows como en Macintosh.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.




Mi primera página

   Lo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedes dirigirte al
  menú Inicio, Programas, Accesorios, opción Bloc de notas.

     Seguidamente introduce, en el documento en blanco, el texto siguiente:

<html>
<head>
<title>MI PRIMERA PAGINA</title>
</head>
<bodybgcolor="#FFCC99">
<font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font>
</body>
</html>




Bloc de Notas
Copia Del Código

Más contenido relacionado

La actualidad más candente

La actualidad más candente (14)

Codigo html
Codigo htmlCodigo html
Codigo html
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Kenin y guari
Kenin y guariKenin y guari
Kenin y guari
 
Colegio nacional nicolás esguerra
Colegio  nacional nicolás esguerraColegio  nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Meneses martines
Meneses martinesMeneses martines
Meneses martines
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 

Destacado

Destacado (20)

Práctica 7
Práctica 7Práctica 7
Práctica 7
 
Valentina bello
Valentina belloValentina bello
Valentina bello
 
Ley de derechos de autor
Ley de derechos de autorLey de derechos de autor
Ley de derechos de autor
 
Italia
ItaliaItalia
Italia
 
Chicos versus chicas
Chicos versus chicasChicos versus chicas
Chicos versus chicas
 
Cms joobla
Cms jooblaCms joobla
Cms joobla
 
Hagamos patria
Hagamos patriaHagamos patria
Hagamos patria
 
Emprendimientos de revista líderes
Emprendimientos de revista líderesEmprendimientos de revista líderes
Emprendimientos de revista líderes
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Trayectorias estudiantiles
Trayectorias estudiantilesTrayectorias estudiantiles
Trayectorias estudiantiles
 
Metidas de pata
Metidas de pataMetidas de pata
Metidas de pata
 
Qué es el juego
Qué es el juegoQué es el juego
Qué es el juego
 
Chicos versus chicas
Chicos versus chicasChicos versus chicas
Chicos versus chicas
 
Aprendizaje Colaborativo
Aprendizaje ColaborativoAprendizaje Colaborativo
Aprendizaje Colaborativo
 
Presentación compu
Presentación compuPresentación compu
Presentación compu
 
Claudia alfonzo aprendizaje colaborativo
Claudia alfonzo aprendizaje colaborativoClaudia alfonzo aprendizaje colaborativo
Claudia alfonzo aprendizaje colaborativo
 
Expresion oral y escrita
Expresion oral y escritaExpresion oral y escrita
Expresion oral y escrita
 
Trabajo de computacion nelly1
Trabajo de computacion nelly1Trabajo de computacion nelly1
Trabajo de computacion nelly1
 
La amistad
La amistadLa amistad
La amistad
 
La Cenicienta
La CenicientaLa Cenicienta
La Cenicienta
 

Similar a Qué es HTML

Similar a Qué es HTML (20)

Html
HtmlHtml
Html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Juan pablo 903
Juan pablo 903Juan pablo 903
Juan pablo 903
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas
Colegio  nacional  nicolasColegio  nacional  nicolas
Colegio nacional nicolas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Taller HTML
Taller HTMLTaller HTML
Taller HTML
 
Introduccion a html
Introduccion a htmlIntroduccion a html
Introduccion a html
 
HTML
HTMLHTML
HTML
 
taller HTML
taller HTML taller HTML
taller 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
 

Más de Kevin Castañeda Villamil (10)

Horario
HorarioHorario
Horario
 
Estructura de una pagina web ii.pdf
Estructura de una pagina web ii.pdfEstructura de una pagina web ii.pdf
Estructura de una pagina web ii.pdf
 
Html 2
Html 2Html 2
Html 2
 
Html 2
Html 2Html 2
Html 2
 
Las relaciones
Las relacionesLas relaciones
Las relaciones
 
Informatica
InformaticaInformatica
Informatica
 
El universo
El universoEl universo
El universo
 
Ms access2007
Ms access2007Ms access2007
Ms access2007
 
Microsof access 2007
Microsof access 2007Microsof access 2007
Microsof access 2007
 
Informatica
InformaticaInformatica
Informatica
 

Qué es HTML

  • 1. HTML Qué es HTML 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, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento. Un documento hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia. Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web). Los navegadores Como hemos dicho, el navegador instalado en el ordenador del usuario es el que interpreta el código HTML de la página que visita por lo que a veces puede ocurrir que dos usuarios visualicen la misma página de forma distinta porque tienen instalados navegadores distintos o incluso versiones distintas del mismo navegador. Los navegadores de hoy en día pretenden ser compatibles con la última versión de HTML. Es necesario realizar extensiones de los navegadores para que puedan ser compatibles con esta última versión.
  • 2. Editores Un editor es un programa que nos permiten redactar documentos. Hoy en día existen un gran número de editores que permiten crear páginas web sin la necesidad de escribir ni una sola línea de código HTML. Estos editores disponen de un entorno visual, y generan automáticamente el código de las páginas. Al poder ver en todo momento cómo quedará la página en el navegador, se facilita la creación de las páginas, y el uso de menús permite ganar rapidez.Estos editores visuales pueden generar en ocasiones código basura, es decir, código que no sirve para nada, en otras ocasiones puede ser más efectivo corregir directamente el código por lo que resulta necesario saber HTML para poder depurar el código de nuestra páginas. Algunos de los editores visuales con los que podrás crear tus páginas web son Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill, NetObjects Fusión, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser gratuitos. Etiquetas Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y la de fin o cierre de elemento. La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir ciertas propiedades. Su sintaxis es: <identificador atributo1 atributo2 ...>
  • 3. Colores Hexadecimales Los colores en HTML se representan mediante un número hexadecimal.Un número hexadecimal se diferencia de un número decimal en 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, precedidos por una almohadilla, como por ejemplo #FFFFFF. Existen 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh.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. Mi primera página Lo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedes dirigirte al menú Inicio, Programas, Accesorios, opción Bloc de notas. Seguidamente introduce, en el documento en blanco, el texto siguiente: <html>
  • 4. <head> <title>MI PRIMERA PAGINA</title> </head> <bodybgcolor="#FFCC99"> <font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font> </body> </html> Bloc de Notas