Semana diez

 Diseño de página HTML

El archivo principal o página de inicio de todos los sitios web se nombra típicamente como index.html. por lo que antes de construir cualquier página es crucial hacer un boceto o también llamado wireframe ya que este boceto sirve como una guía Clara del diseño y la organización que queremos lograr facilitando la navegación al usuario y la futura modificación al desarrollador. 

Todos los documentos html están organizados de forma jerárquica y deben contener cuatro partes esenciales que son la etiqueta principal o <html lang="es"> el encabezado o <head> la codification específica dentro del encabezado y el cuerpo <body>

El encabezado contiene metadatos o sea información sobre la página que no se ve visualmente en el navegador pero que son cruciales para su funcionamiento adecuado, un dato extra importante es que la codificación de caracteres va a volverse fundamental especificar un elemento como <meta chartes="UTF-8"> esa propiedad le dice al navegador Cómo debe interpretar Y representar caracteres especiales como acentos la letra ñ o símbolos por lo que es el estándar más común y más recomendado Al momento de crear una página. 

Por otro lado se encuentra el cuerpo que es donde se almacena todo el contenido visual de tu página web y solo puede haber una etiqueta body por cada documento donde se encontrarán los títulos los párrafos las imágenes las tablas los enlaces los videos y los formularios, al momento del estilo de desarrollo y las herramientas se puede decir que cuando escribes un código html puedes elegir tu propio estilo de desarrollo aunque existen herramientas avanzadas como adobe o dreamweaver que ayudan a estructurar el código automáticamente y para eso es vital que entiendas el concepto de sangrías o indentación, ya que sin ellas se dificulta la identificación rápida de la jerarquía de etiquetas complicando y retrasando los procesos de codificación y creación de una página web. 

Volviendo las etiquetas se encuentra junto a los elementos fundamentales, Ya que en un html muchos elementos tienen una etiqueta de apertura y una de cierre lo que le permite poder estructurarlo y comprenderlo mejor y cada una tiene distintos tipos de base, está la estructura de base mínima que es el siguiente código: 

<!DOCTYPE html>

<html lang="es">

<head>

<meta charset="UTF-8">

<title>Mi Primera Página Web</title>

</head>

<body>

</body>

</html>

Luego se encuentra el de títulos y párrafos que es donde está el contenido o los textos que se van a dar y para eso tenemos el siguiente código: 

<h1> a <h6>

Títulos y subtítulos

jerárquicos.

<h1>Título de Nivel 1</h1>

<p>

Texto de un párrafo.

<p>Este texto será un párrafo.</p>

Y por último se tiene la inserción de imágenes ya que es un elemento vacío o sea que no necesita etiquetas de cierre separadoras que requieran atributos para funcionar y pueden tener el siguiente ejemplo para una idea más clara: 

HTML

<p>Para más información sobre el tema, visita: <a href="https://es.wikipedia.org/wiki/

Y por último se tiene la creciente vínculos que es cuando un elemento a se utiliza para crear un hipervínculos permitiendo el usuario navegar de un documento a otro sin necesidad de salir del sitio como el ejemplo anterior.