You are on page 1of 5

Inicio de su Página web

En su nivel más básico, cada uno de


sus documentos HTML debe contener
lo siguiente Componentes:
1) El DOCTYPE.
2) El elemento html (con el
lenguaje Atributo, que es
opcional pero recomendado).
3) El elemento head.
4) La codificación de caracteres
en un elemento meta.
5) El elemento title (agregará su
contenido en un poco).
6) El elemento body, este es el
equivalente HTML de un
espacio en blanco.
7) Un documento en blanco.
Por lo tanto, antes de agregar cualquier
contenido u otra información, es
necesario configurar la fundación de su
página:
Para iniciar una página HTML5:
1. Escriba <! DOCTYPE html> para
declarar su página como un documento
HTML5.
2. Escriba <html lang = "language-
code"> para comenzar la parte HTML
real de su documento, donde el código
de idioma es código de idioma que
coincida con el valor predeterminado
Idioma del contenido de su página. Por El código mínimo de la fundación
Ejemplo, <html lang = "es"> para inglés HTML visto en Firefox.
O <html lang = "fr"> para el francés.

Aquí está la base de cada página


HTML. La indentificación no importa,
pero la estructura es crucial. En este
ejemplo, el idioma predeterminado
(por el atributo lang) se establece en
es para el inglés. La codificación de
caracteres se establece en UTF-8.
3. Escriba <head> para comenzar la Dos secciones: la cabeza y el cuerpo.
cabecera del documento de su página. El DOCTYPE, que inicia cada página,
es
4. Escriba <meta charset = "UTF-8" />
para declarar la codificación de Un preámbulo de tipo. La cabecera del
caracteres de su documento como documento es donde se define el título
UTF-8. Si lo prefiere, también puede de la página, incluye información sobre
escribirlo como utf-8 en su HTML. su página para los motores de
Además, el espacio y la barra diagonal búsqueda como Google, carga hojas
son opcionales, por lo que <meta de estilo y, ocasionalmente, carga
charset = "UTF-8"> funciona igual. (Las archivos JavaScript (aunque, por
codificaciones de caracteres además razones de rendimiento, es preferible la
de UTF-8 son válidas también, pero mayor parte del tiempo para cargar
UTF-8 es la más versátil, por lo que es JavaScript correctamente Antes del
raro que necesite desviarse). final </ body> en la parte inferior de la
página). Excepto para el título, que
5. Escriba <title> </ title>. Esto
cubrirá más en un poco, el contenido
contendrá el título de su página. Usted
de la cabeza no es visible para los
agregará el texto del título en
usuarios cuando visitan su página. El
La sección "Creación de un título". elemento de cuerpo incluye el
contenido de su página, incluyendo
6. Escriba </ head> para finalizar la texto, imágenes, formularios, audio,
cabecera del documento de su página. video y otros contenidos interactivos.
7. Escriba <body> para iniciar el cuerpo En otras palabras, lo que sus visitantes
de la página. Aquí es donde su ven.
contenido irá (eventualmente).
8. Deje algunas líneas en blanco para Creación de Título
crear el contenido de su página, lo que
hará durante el resto de este libro. El código de la fundación HTML en la
sección anterior tenía <title> </ title>
9. Escriba </ body> para finalizar el como marcador de posición hasta que
cuerpo. llegó el momento de discutir el título
10. Escriba </ html> para finalizar su más adelante. ¡Ahora es el momento!
página. Es un número bastante Cada página HTML debe tener un
saludable de pasos, pero ya que todas elemento de título. Un título debe ser
las páginas comenzarán de esa corto, descriptivo y único para cada
manera, podría usar una sola página página (A). En la mayoría de los
HTML como la plantilla desde la que navegadores, el título aparece en la
comenzar cada página, ahorrándose un barra de título de la ventana (Chrome
poco de mecanografía. De hecho, la es una excepción) (B). También
mayoría de los editores de código le aparece en la pestaña de la página en
permiten especificar el código de inicio navegadores que soportan navegación
para cada nueva página, lo que lo hace por pestañas, es decir, todos los
aún más fácil. principales navegadores publicados en
los últimos años. El título también
aparece en las listas de historial de
navegadores de tus visitantes y
Una página de dos secciones: la
marcadores (C). Quizás lo que es más
cabeza y el cuerpo
importante, el título es utilizado por los
Las páginas HTML se dividen en motores de búsqueda como Google,
Bing y Yahoo! tanto para obtener una
idea del contenido de su página y caracteres.
normalmente como el enlace que
aparece en sus resultados de
búsqueda (D). En resumen, haga que
su título sea único para cada página
para mejorar los resultados de los
motores de búsqueda y mejorar la
experiencia de sus visitantes.
(C) El título también aparece en el
panel Historial del visitante (mostrado),
en la lista de favoritos y en la lista de
marcadores.

(B) En la mayoría de los navegadores,


como Firefox, el título de una página
Web se muestra tanto en la barra de
título de la ventana como en la
(A) El elemento del título debe
pestaña. Sin embargo, Chrome (abajo)
colocarse en la sección principal.
muestra el título solo en la pestaña.
Colóquelo después del elemento meta
que especifica la codificación de

(D) Tal vez lo más importante, el título


se utiliza normalmente como el texto
vinculado que apunta a su página en
los resultados de búsqueda de Google
y otros. También es un factor
importante para determinar la
relevancia de una página en los
resultados de búsqueda. Aquí ves un
título y una copia parcial del cuerpo que
aparece en Google.

Una mirada más profunda a los


títulos de la página
Muchos desarrolladores -incluso los
bien intencionados y bastante
experimentados- dan poca
consideración al elemento del título. 2. Introduzca el título de su página
Simplemente ingresarán el nombre de Web.
su sitio y luego lo copiarán en todas las
Creación de encabezados
páginas HTML. O peor aún, dejarán el
texto del título que su editor de código HTML proporciona seis niveles de
puede insertar de forma encabezado para establecer la
predeterminada. jerarquía de información en sus
páginas. Marque cada encabezado con
Los motores de búsqueda tienen
uno de los elementos h1-h6, donde h1
diferentes algoritmos que determinan el
es un encabezamiento de nivel
rango de una página y cómo se indexa
superior, h2 es un subtítulo de un h1,
su contenido. Universalmente, sin
h3 es un subtítulo de un h2, y así
embargo, el título juega un papel clave.
sucesivamente.
Los motores de búsqueda pueden
buscar en el título una indicación de Los encabezados están entre los
qué es una página e indexar el elementos HTML más importantes en
contenido de una página en la cualquier página, como usted
búsqueda de texto relacionado. Un aprenderá. Piense en los encabezados
título eficaz se centra en un puñado de h1-h6 como similares a los
palabras clave que son centrales para encabezados dentro de un documento
el contenido de una página. que no sea HTML que podría escribir,
como un informe de ventas, un
Como mejor práctica, elija el texto del
documento de términos, un manual del
título que resume brevemente el
producto, un artículo de prensa. Al
contenido de un documento para
escribir estos tipos de documentos,
beneficiar tanto a los usuarios de
identifica cada sección principal del
lectores de pantalla como a los
contenido con un encabezado y
rankings de los motores de búsqueda.
cualquier número de subtítulos (y sub-
En segundo lugar, y opcionalmente,
particiones, etc.), según corresponda.
indique el nombre de su sitio en el
Colectivamente, esas partidas
título. Es común ver el nombre de un
representan
sitio al principio del título, pero es mejor
poner el texto de título único y El esquema del documento. Lo mismo
específico de la página en su lugar. ocurre con las páginas web (A). Discuto
esto con mayor profundidad en la
Recomendamos que obtenga el
siguiente sección, "Entender el
mensaje principal de su título en los
esquema del documento de HTML5".
primeros 60 caracteres, incluidos los
espacios, ya que los motores de
búsqueda suelen cortarlos en sus
resultados en torno a ese número
(como línea de base). Los navegadores
muestran un número variable de
caracteres, pero no más de 60, en la
barra de título en la parte superior del
navegador antes de cortar el texto.
Para crear un título:
Para organizar su página Web con
1. Sitúe el cursor entre <title> y </
encabezados:
Title> en el cabezal del documento.
1. En la sección body de su documento
HTML, escriba <hn>, donde n es un
número del 1 al 6, dependiendo del relevante al decidir qué nivel de rumbo
nivel de importancia del encabezado usar. Puede cambiar la presentación
que desea crear. H1 es el más con CSS.
importante, y h6 es el menos
importante.
2. Escriba el contenido del
encabezado.
3. Escriba </ hn> donde n es el mismo
número utilizado en el paso 1.
(A) Utilice encabezados para definir su
estructura de documentos, al igual que
un esquema. Aquí, "La Casa Milà" y
"La Sagrada Família" -marcada como
elementos h2- son subtítulos de la
encabezada de nivel superior, "Antoni
Gaudí", porque es un h1. Si la Sagrada
Familia era un h3 en su lugar, entonces
sería un subtítulo de "La Casa Milà" (y
Un sub-subtítulo de "Antoni Gaudí"). La
línea en blanco entre cada encabezado
es totalmente opcional y no tiene
relación con la visualización del
contenido. Si estuviera codificando el
resto de la página ahora mismo, el
Descripción del esquema de
contenido relacionado (párrafos,
documento de HTML5
imágenes, video, etc.) seguiría cada
encabezado.

jjjs jbcj

(B) Aunque todos los encabezados


aparecen en negrita de forma
predeterminada, h1 está en una fuente
más grande que h2, que es mayor que
h3, y así sucesivamente. Pero como
ustedes saben, la apariencia no es

You might also like