SlideShare una empresa de Scribd logo
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

DOCX
Html
DOCX
DOCX
Colegio nacional nicolas esguerra
DOCX
Arias
DOCX
Navegadores
DOCX
Pagina web
Html
Colegio nacional nicolas esguerra
Arias
Navegadores
Pagina web

La actualidad más candente (14)

DOCX
Codigo html
DOCX
Colegio nacional nicolas esguerra
PDF
Unidad 1
DOCX
DOCX
Colegio nacional nicolas esguerra
DOCX
Kenin y guari
DOCX
Colegio nacional nicolás esguerra
DOCX
Meneses martines
DOCX
Colegio nacional nicolas esguerra
DOCX
Qué es html
DOCX
Colegio nicolas esguerra222
DOCX
Colegio nacional nicolas esguerra
DOCX
Introduccion a html
Codigo html
Colegio nacional nicolas esguerra
Unidad 1
Colegio nacional nicolas esguerra
Kenin y guari
Colegio nacional nicolás esguerra
Meneses martines
Colegio nacional nicolas esguerra
Qué es html
Colegio nicolas esguerra222
Colegio nacional nicolas esguerra
Introduccion a html
Publicidad

Destacado (20)

PPT
Práctica 7
PPT
Valentina bello
PPTX
Ley de derechos de autor
ODP
Italia
PPTX
Chicos versus chicas
PPTX
Hagamos patria
DOCX
Emprendimientos de revista líderes
PDF
Estructura de una pagina web
PPT
Trayectorias estudiantiles
PPTX
Metidas de pata
PPTX
Qué es el juego
PPTX
Chicos versus chicas
PPT
Aprendizaje Colaborativo
PPT
Presentación compu
PPTX
Claudia alfonzo aprendizaje colaborativo
PPTX
Expresion oral y escrita
PPTX
Trabajo de computacion nelly1
PPT
La amistad
PPTX
La Cenicienta
Práctica 7
Valentina bello
Ley de derechos de autor
Italia
Chicos versus chicas
Hagamos patria
Emprendimientos de revista líderes
Estructura de una pagina web
Trayectorias estudiantiles
Metidas de pata
Qué es el juego
Chicos versus chicas
Aprendizaje Colaborativo
Presentación compu
Claudia alfonzo aprendizaje colaborativo
Expresion oral y escrita
Trabajo de computacion nelly1
La amistad
La Cenicienta
Publicidad

Similar a Html (20)

DOCX
Colegio nacional nicolas esguerra
DOCX
Juan pablo 903
DOCX
Colegio nacional nicolás esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
Colegio nacional nicolas esguerra
DOCX
Taller HTML
DOCX
Introduccion a html
DOCX
DOCX
DOCX
Introduccion a html
DOCX
Introduccion a html
DOCX
Introduccion a html
DOCX
Introduccion a html
DOCX
Introduccion a html
Colegio nacional nicolas esguerra
Juan pablo 903
Colegio nacional nicolás esguerra
Colegio nacional nicolas esguerra
Colegio nacional nicolas
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Taller HTML
Introduccion a html
Introduccion a html
Introduccion a html
Introduccion a html
Introduccion a html
Introduccion a html

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

DOCX
Estructura de una pagina web ii.pdf
DOCX
DOCX
PPTX
DOCX
DOCX
Microsof access 2007
DOCX

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