Este documento describe los conceptos básicos de la programación web y HTML. Explica que HTML es un lenguaje de marcado usado para crear páginas web, con etiquetas que definen el significado y estructura del contenido. También cubre el uso de atributos, caracteres especiales, reglas de sintaxis de HTML y ejemplos de etiquetas comunes como párrafos, encabezados, énfasis y citas.
2. No me diga que el cielo es el límite cuando hay
huellas en la luna.
Una de las mejores frases motivadoras sobre no
ponerse límites, que nos recuerda que el ser
humano puede ser capaz de cualquier cosa que se
proponga. Frase de Paul Brandt.
3. Objetivo
1. Adquirir los conceptos
básicos relacionados con
la programación web
2. Reconocer las
características de la
programación web
● 1.1 Programación Web
Contenido
5. HyperText Markup Language - Lenguaje de marcado de hipertexto
HTML es un lenguaje de marcado predominante para la
elaboración de páginas web que se utiliza para describir y traducir
la estructura y la información en forma de texto, así como para
complementarel texto con objetos tales como imágenes.
6. El HTML se escribe en forma de etiquetas o TAGs, contenidas
dentro de corchetes angulares (< y >).
html
head
title Ejemplo /title
/head
body
p Ejemplo /p
/body
/html
7. Los caracteres especiales se deben convertir en
HTML para mostrarse correctamente en un
navegador.
Carácter Código HTML
á á
é é
í í
ó ó
ú ú
ü ü
ñ ñ
¡ ¡
Carácter Código HTML
Á Á
É É
Í Í
Ó Ó
Ú Ú
Ü Ü
Ñ Ñ
¿ ¿
8. Los atributos se incluyen dentro de la etiqueta de
apertura para añadir información adicional sobre el
elemento.
Se expresan de la forma: atributo=”valor”
<etiqueta atributo=”valor”>contenido</etiqueta>
Un elemento HTML está compuesto por una etiqueta de apertura,
los atributos,el contenido y la etiqueta de cierre. Estos elementos
se aplican al contenido del documento para cambiar la forma en
que el navegadorinterpretará esa información en la pantalla.
9. El lenguaje HTML original es muy permisivo con su sintaxis y
aunque esto pueda parecer algo bueno (flexible) no lo es, pues
trae como resultado páginas desordenadas,difíciles de modificar
y poco profesionales.
10. Reglas:
1. Las etiquetas se cierran en el mismo orden en quese abren:
<html><body>Texto</html></body>
<html><body>Texto</body></html>
2. Los nombres de las etiquetas y sus atributosse escriben
preferentemente en minúsculas:
<HTML><BODY>Texto</BODY></HTML>
<html><body>Texto</body></html>
3. Los atributosvan entre comillas:
<p align=left>Texto<p>
<p align=“left”>Texto<p>
11. 4. Los valoresde los atributos no se contraen o comprimen:
<p left>Texto<p>
<p align=“left”>Texto<p>
5. Toda etiqueta debe deser cerrarse:
<html><body>Texto</body>
<html><body>Texto</body></html>
Existen etiquetas vacías que son la excepción a esta regla, tales
como "regla horizontal" y "salto de línea":
<hr> <br>
Reglas:
13. HTML Browser
Título 1
Título 2
Título 3
Título 4
Título 5
Título 6
<h1>Título 1</h1>
<h2>Título 1</h2>
<h3>Título 1</h3>
<h4>Título 1</h4>
<h5>Título 1</h5>
<h6>Título 1</h6>
21. HTML Browser
Este texto contiene
espacios en blanco que
deben serrespetados.
<pre>Este texto contiene
espacios en blancoque
deben ser respetados.</pre>