martes, 3 de marzo de 2015

Introduccion a HTML

HTML

HTML significa "Lenguaje de marcas de hipertexto" es el lenguaje utilizado para representar documentos en la Web. Incluye elementos multimedia:
  • Gráficos.
  • Vídeo.
  • Audio.
  • Enlaces (documentos o sitios de internet).
  • Se pueden crear y visualizar páginas desde cualquier sistema operativo por ser portable.


Ventajas

  • Fácil de usar
  • Permite la comunicación rápida y directa con una o varias personas que se encuentren en cualquier parte del mundo.
  • Desarrollo de diferentes proyectos y propuestas para darlos a conocer a través de la red.
  • Se puede contactar con diferentes personas para realizar negocios, trabajos, proyectos, etc.

Desventajas

  • Es muy básico
  • No ofrece diversidad de opciones
  • No es muy completo

¿Qué necesito para crear una página Web?

  • Contenido de la página.
  • Navegador.
  • Editor HTML.
  • Imágenes u otros archivos.
  • Mantenimiento de la página.

¿Cómo empiezo a escribir HTML?

  • Se necesita de un editor de texto o Bloc de notas  y un navegador para visualizarlo.
  • Se realiza el código.
  • Se va guardar con extensión .htm o .html.
  • Cuando hagas doble clic sobre él se abrirá el navegador y se mostrará la página.

Etiquetas

Las etiquetas son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.
  • Las etiquetas están encerradas entre los signos "<" y ">".
  • Generalmente vienen en pares <p> y <⁄p>.
  • La primera es de apertura y la segunda de cierre.
  • El texto que se encuentra entre dos etiquetas es el contenido del elemento.
  • Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>.

Atributos

Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.
  • Los atributos siempre van con la estructura: nombre="valor".
  • Los atributos siempre van en la etiqueta de apertura.
  • Los valores siempre hay que ponerlos entre comillas.

Estructura básica

En todo se debe tener un orden o estructura en este caso es igual, para programar en HTML es necesario llevar una estructura determinada la cual es la siguiente:


|----<HTML>

|
|    |---<HEAD>

|    |
|    |      Definiciones de la cabecera

|    |
|    |---</HEAD>

|
|    |
---<BODY>
|    |
|    |      Instrucciones HTML

|    |
|    |
---</BODY>
|
|----</HTML>

Complementos

Se le pueden agregar cosas como:
  • Formatos del texto
  • Listas
  • Enlaces
  • Imágenes
  • Multimedia
  • Tablas
  • Mapas sensibles
  • Formularios
  • Frames

 Ejemplo

Código

Pagina Web

No hay comentarios.:

Publicar un comentario