Encabezado Cuerpo - WordPress.com...estándar para el diseño y creación de las páginas Web. El HTML consiste propiamente en un archivo de texto con códigos que especifican en cada

COLEGION NACIONAL DE EDUCACIÓN PROFESIONAL TÉCNICA. Conalep León II.

DISEÑO Y ELABORACIÓN DE PÁGINAS WEB. 601INFO.

MTI. Juan Antonio León López.

1

Diseño Web.

Encabezado

Cuerpo




2

HTML.

Diseñado como una herramienta para facilitar la transmisión de documentos compuestos

por texto, gráficos y sonidos, el lenguaje HTML (HyperText Markup Language) es el

estándar para el diseño y creación de las páginas Web.

El HTML consiste propiamente en un archivo de texto con códigos que especifican en

cada parte de él, si se trata de texto, gráficos, video o sonido y su formato (tipo y tamaño

de letra, alineación del texto, etc.)

El lenguaje HTML define mediante códigos (encerrados entre los signos < y >) los

componentes de un archivo de texto.

Puedes crear un documento HTML en cualquier procesador de texto. En caso de que el

procesador trabaje con diversos formatos de texto, deberás asegurarte de crearlo en un

archivo de texto sin formato. Es necesario que cambies la extensión del archivo a .html.




3

Crear y visualizar un documento HTML.




4




5




6




7




8




9




10




11




12

<!DOCTYPE>

Indica que trabajaremos con el estándar HTML5 y debe usarse siempre en esta

ubicación. Facilitará al explorador la tarea de identifcar el tipo de documento.

<html lang=”es”>

Es una etiqueta de apertura, marca, además del idioma; el inicio del elemento estructural

html, dentro del cual anidaremos el resto de los elementos de la página web.

</html>

Indica el cierre del elemento html.

<html>

<head>

<title> </title>

</head>

<body>

</body>

<html>

</html>




13

<meta charset=”utf-8”>

Declaración de la codificación de caracteres. Le indica al navegador el tipo de

codificación utilizada en la página web y asegura la correcta lectura de caracteres

propios del castellano, como los acentos y la letra ñ.

<title> </title>

Identifica el título de la página que se mostrará en la pestaña del navegador. Este título

es el resultado más visible que devolverán los motores de búsqueda, por lo tanto, debe

ser oportuno, conciso y claro.

Documents

Encabezado Cuerpo - WordPress.com...estándar para el diseño y creación de las páginas Web. El HTML consiste propiamente en un archivo de texto con códigos que especifican en cada