Html-Basico

HTML BÁSICO
Para Principiantes

www.ebookred.com |
Miguel A.
ConfidentialFernández
www.ebookred.com

Estimado Cliente

Gracias por descargar este manual gratuito: HTML BÁSICO.

El presente ebook lo confeccioné especialmente para principiantes debido a que todos
alguna vez hemos tenido que comenzar en este nivel, y entiendo lo duro que puede ser
cuando desconoces el mundo enparticular de HTML.
Sin embargo, este libro electrónico también es para aquellas personas o usuarios que
deseen recordar o profundizar más en el código de marcas o HTML.
Voy a compartir contigo las lecciones con un sistema muy sencillo de implementar,
pero muy poderoso, ya que podrás crear archivos en HTML y ver el resultado en un
navegador, así cumplir con el reto de aprender este código que tepodrá llevar a
profundizar en los lenguajes de programación, siempre y cuando sepas la génesis de una
página web.
Así que adelante y suerte en tus proyectos.

Autor: Miguel A. Fernández
Prohibida la reproducción total o parcial sin
el previo consentimiento del autor.
© www.ebookred.com

1

SUMARIO
¿ Qué es HTML ?……………………………………………………… 3
Estructura de un Documento HTML………………………….. 4Ruta Absoluta y Ruta Relativa…………………………………… 4
Nuestra primera página web…………………………………….. 5
Reglas de Formato……………………………………………………. 6
Génesis de la URL……………………………………………………… 6
Cabecera…………………………………………………………………. 7
Título………………………………………………………………………. 7
Cuerpo……………………………………………………………………… 8
Caracteres especiales……………………………………………….. 9
Etiquetas HTML básicas…………………………………………... 10Listas………………………………………………………………………. 14
Hiperenlaces…………………………………………………………… 14
Imágenes………………………………………………………………… 15
Vídeos……………………………………………………………………... 16
Tablas…………………………………………………………………….. 16
Formularios……………………………………………………………. 18
Ejemplo Formulario………………………………………………… 27

2

¿Qué es HTML?
HTML es la abreviatura de HyperText Markup Language, y es el lenguaje
de marcas que todos los programas navegadores usan para presentarinformación en la World Wide Web (WWW).
Está basado en el uso de etiquetas, consistentes en un texto ASCII
encerrado dentro de un par de paréntesis angulares(). El texto incluido
dentro de los paréntesis nos dará una explicación de la utilidad de la
etiqueta. Así por ejemplo la etiqueta nos permitirá definir una
tabla.
Las etiquetas podrán incluir una serie de atributos o parámetros, en sumayoría opcionales, que nos permitirán definir diferentes posibilidades o
características de la misma. Estos atributos quedarán definidos por su
nombre (que será explicativo de su utilidad) y el valor que toman separados
por un signo de igual. En el caso de que el valor que tome el atributo tenga
más de una palabra deberá expresarse entre comillas, en caso contrario no
será necesario.
Así porejemplo la etiqueta nos permitirá definir una
tabla con borde de tamaño 3.
Entre otras cosas, el manejo de estas etiquetas nos permitirá:
• Definir la estructura lógica del documento HTML.
• Aplicar distintos estilos al texto (negrita, cursiva, subrayado ...).
• La inclusión de hiperenlaces, que nos permitirán acceder a otros
documentos relacionados con el documento principal.
• Lainclusión de imágenes y ficheros multimedia (gráficos, vídeo,
audio).
¿Qué vamos a necesitar para crear un documento HTML?
•

•

Un procesador de textos para escribir y editar el código HTML. Este
podrá ser cualquiera que no formatee el texto, ya que el leguaje
HTML está basado en el código ASCCI. Si usamos un procesador
como el Word, tendremos que guardar el documento como "sólo
texto ".Un navegador Web como:
Internet Explorer.
Firefox.
Navegador que se encargará de interpretar el código HTML de
nuestro documento y mostrárnoslo eficazmente.

El método de trabajo para crear nuestro documento es:
1. Con el procesador de texto crearemos el documento HTML y lo
guardaremos con el nombre
que deseemos, a excepción de la extensión, que deberá ser...