Informaci

HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcado de hipertexto’),
hace referencia al lenguaje de marcado para la elaboración de páginas web.
HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se

trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas
de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para
Hipertexto.
Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized
Markup Language). Concepto traducido generalmente como «Estándar de Lenguaje de Marcado
Generalizado» y que se entiende como un sistema que permite ordenar y etiquetar diversos
documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres
de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso
se dice que es un sistema de formato abierto.
VERSIONES
El HTML fue desarrollado originalmente por Tim Bernes-Lee pero debido al
rápido crecimiento de la web, surgió la necesidad de crear un estándar
para que tanto los programadores como los navegadores pudieran
basarse en unas mismas normas para escribir HTML. Cada versión de
HTML establece unas normas respecto a cuáles son las etiquetas válidas y
cómo se deben escribir.
Los estándares oficiales HTML son el HTML 2.0, el HTML 3.2, el HTML 4.0, el HTML 4.01 y el
HTML 5.
HTML 2.0: En 1995 se publica el estándar HTML 2.0. A pesar

de su nombre, HTML 2.0 es el
primer estándar oficial de HTML, es decir, el HTML 1.0 no
existió como estándar.
HTML 2.0 no soportaba tablas. Se simplifica al máximo la
estructura del documento para agilizar su edición, donde la
declaración explícita de los elementos body, html y head es
opcional.
HTML 3.2: La versión HTML 3.2 se publicó en 1997 y es la primera
recomendación de HTML
publicada por el W3C (Consorcio internacional). Esta revisión
incorporó los últimos avances de las páginas web desarrolladas hasta
1996, como applets de Java y texto que fluye alrededor de las
imágenes.
HTML 4.01: La versión HTML 3.2 se publicó en 1997 y es la primera

recomendación de HTML
publicada por el W3C (Consorcio internacional). Esta revisión
incorporó los últimos avances de las páginas web desarrolladas
hasta 1996, como applets de Java y texto que fluye alrededor de las
imágenes.
HTML 5, HTML 5.1, HTML 5.2: El consorcio internacional W3C,

después de una evolución de varios años, liberó el HTML 5 como estándar oficial a finales de
octubre de 2014. HTML 5 incorpora nuevos elementos no contemplados
en HTML 4.01. Hay diversos cambios respecto a HTML 4.01. Hay
nuevas etiquetas, se introduce la posibilidad de
introducir audio y video de forma directa en la web sin necesidad de
plugins o complementos en los navegadores, y otras novedades.
Estructura básica de una pagina web simple
Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté
en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.La
primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es
directamente el contenido de la página. Aquí se pone el título de la página, los metadatos,
estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se
suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la
parte superior izquierda).
La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos,

párrafos, formularios, etc.
<!DOCTYPE html>
<html>
<head>
<title>Hola esto es una prueba</title>
</head>
<body>
<h1>Las aventuras de Teresa</h1>
Programar en Html simple
Ya le se .
</body>
</html>
Estructura de una página web en HTML5
Normas de Escritura
https://aprende-web.net/html/html1_3.php
● Apertura y cierre
La mayoría de las instrucciones tienen etiqueta de apertura y etiqueta de cierre. Es necesario
poner las dos, y entre éstas está el elemento afectado.
● Mayúsculas o minúsculas
En HTML es indiferente escribir las palabras clave de las etiquetas en mayúsculas, minúsculas,
o una combinación de ambas. Podemos escribir por ejemplo o o incluso , Si
bien en XHTML sólo se admiten las minúsculas.
● Los atributos
Como vimos, las etiquetas pueden llevar atributos, en algunas de ellas es obligatorio. El atributo
lleva casi siempre un valor, el cual se indica mediante el signo igual ( = ) seguido de un número,
un porcentaje o una palabra clave. Este valor se puede poner o no entre comillas.
● Jerarquía de etiquetas
Lo normal es que entre la etiqueta de apertura y la de cierre, no se incluya otra etiqueta sin que
tenga también su etiqueta de cierre. Es decir, que unas etiquetas engloben a otras, no dejando
el cierre de una etiqueta secundaria para después de la etiqueta que la engloba. Aunque HTML
admite que eso pueda hacerse, es algo que debe evitarse para no dar lugar a confusiones.
● Espacios en blanco y saltos de línea

Cuando escribimos el código fuente en el editor de textos podemos poner varios espacios en
blanco entre las palabras, sin embargo en la página sólo aparecerá uno. y es que el navegador
ignora todos los espacios en blanco entre palabras, excepto uno para separarlas.
● Un poco de orden al escribir

Según lo anterior, podríamos escribir el código todo seguido, y el navegador lo interpretaría
correctamente. Sin embargo es conveniente escribirlo con un poco de orden: Pondremos cada
instrucción en una línea (o en varias si la instrucción es muy larga); y usaremos las tabulaciones
y las líneas en blanco para separar unas instrucciones de otras, e indicar si unas etiquetas están
dentro de otras. En definitiva, se trata de organizar un poco el contenido del código para que
éste quede claro.
● Escribir nombres de archivos

Todos los archivos y documentos que formen nuestra web debemos guardarlos y organizarlos
dentro de una misma carpeta a la que llamaremos carpeta raiz.
Esto es imprescindible no sólo para tener nuestro sitio localizado, sino también para poder
subirlo a la red. La carpeta raíz de nuestro ordenador, donde guardamos los archivos de un
mismo sitio, le llamamos también el Sitio local, en contraposición con la copia de esa carpeta
que está en el servidor, y que es la que se ve en Internet, a la cual se le llama el Sitio remoto.
● Normas para escribir nombres de archivos y carpetas
Texto en minúsculas: Todo el texto del nombre de archivo se escribirá en minúsculas.
No poner acentos: Escribiremos todas las palabras sin acento, aunque los tengan.
No empezar por un número: El primer carácter o signo que escribamos no debe ser un
número, pues algunos programas podrían interpretar mal el nombre del archivo
No utilizar otros caracteres que no sean letras o números: no utilizar barras, paréntesis,
puntos, dos puntos, comas, comillas, signo más, etc.
Separar las palabras con guión normal - o con guión bajo _ : (preferentemente guión
bajo) Muchos navegadores podrían interpretar mal los espacios en blanco, por lo que es
preferible sustituirlo por el guión normal o por el guión bajo. (El guión bajo ( _ ) se
escribe pulsando la tecla Mayúsculas y la tecla Guión a la vez).
Concepto de Tag
Los tags HTML corresponden a elementos de código HTML en una página web. Forman
parte integral de la composición de la página, ya que permiten que se estructure y dé forma al
contenido.
Qué son los atributos en HTML

Los atributos en HTML se pueden considerar como información adicional que se coloca siempre
en la etiqueta de apertura, esto para añadir, complementar información o significado al elemento
HTML al que estamos colocando.
Lista de los atributos más usados en HTML

Id =” ”: Para identificar un elemento único.
class =” ”: Identificador múltiple.
align =” ”: Alineación de contenido.
border =” ”: Para darle borde al contenido.
style =” ”: Para darle un estilo al contenido.
background-color =” ”: Para color de fondo.
href =” ”: Para enlaces html.
height =” ”: Para determinar altura.
width =” ”: Para determinar ancho.
src=“ ”: Para imágenes.
Jerarquía de las etiquetas

La jerarquización de HTML, comprende la siguiente estructura: H1= Títulos H2= Subtítulos H3=
Subtítulo dentro del grupo H2 -la misma subcategorización ocurre con H4,H5 y H6-. p= texto de
párrafos. Si bien cada uno tiene un formato visual, en los que varía de color, tipografía y
elementos como cursiva o negrita
En el caso de los espacios en blanco en HTML entre palabras, se consideran como un solo
carácter, y los espacios en blanco al principio y al final de los elementos, quedan completamente
ignorados.
Los saltos de línea se definen con la etiqueta . Esta etiqueta, al igual que la de imagen y la
de las metas, no tiene etiqueta de cierre y por eso se le coloca la barra al final, como puedes
ver. Puedes usar los saltos de línea siempre que quieras que un elemento aparezca en la línea
siguiente.
Cómo nombrar archivos HTML
● No use caracteres especiales

● No use espacios
● Comience el nombre del archivo con una letra
● Usar todas las letras minúsculas
● Mantenga sus nombres de archivo cortos
● Recuerda la extensión del archivo
Buenas prácticas de nomenclatura de archivos HTML

Al nombrar archivos HTML, tenga en cuenta estas pautas:
● La gente lee las URL y los enlaces en busca de pistas sobre el tema de la página. Un
nombre de archivo claro y comprensible le da a sus visitantes confianza en su sitio.
● Usar palabras separadas por guiones puede ayudar con el SEO porque los motores de
búsqueda leen las URL.
● CamelCase (letras mayúsculas y minúsculas mixtas), aunque popular entre los expertos
en marcas, puede ser difícil de leer. Además, corre el riesgo de que un sistema de
archivos que distingue entre mayúsculas y minúsculas no reconozca que filename.htm y
fileName.htm son los mismos archivos.
● Nombrar archivos en función de fechas u otros detalles arbitrarios dificulta la edición
posterior. Por ejemplo, si está buscando un archivo sobre elefantes, elefantes.htm es
una opción obvia, mientras que aa072700a.htm podría ser sobre cualquier cosa.

Informaci

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Informaci

Cargado por

Copyright:

Formatos disponibles

HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcado de hipertexto’),

hace referencia al lenguaje de marcado para la elaboración de páginas web.

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se

HTML 2.0: En 1995 se publica el estándar HTML 2.0. A pesar

HTML 4.01: La versión HTML 3.2 se publicó en 1997 y es la primera

HTML 5, HTML 5.1, HTML 5.2: El consorcio internacional W3C,

La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos,

● Espacios en blanco y saltos de línea

● Un poco de orden al escribir

● Escribir nombres de archivos

Qué son los atributos en HTML

Lista de los atributos más usados en HTML

Jerarquía de las etiquetas

Cómo nombrar archivos HTML

● No use caracteres especiales

Buenas prácticas de nomenclatura de archivos HTML

También podría gustarte