LENGUAJE HTML
- Cabecera o header: normalmente se coloca en la parte superior de la página.
- Logo: es la marca o título que tiene la página.
- Menú: es el elemento principal de navegación entre los apartados. Lo podemos encontrar también en el pie de página.
- Cuerpo de la página o body: donde introducimos los contenidos principales.
- Pie de página o footer: cierre, copyright, créditos…
Los códigos mas usados de HTML
- Esenciales
1. HTML
<html> está al inicio de un documento HTML e indica a los navegadores que la página tiene código HTML para que pueda leerlo de esa forma. Siguiendo la sintaxis del lenguaje, la etiqueta de cierre </html> será el último elemento del documento.
2. Encabezado
<head> es la etiqueta que se utiliza para el encabezado de la página. Su principal función es contener toda la información del funcionamiento del sitio.
3. Título de la página
<title> es la etiqueta que da a tu sitio un nombre para que los usuarios puedan identificarlo. Es el título que puedes ver en las pestañas del navegador.
4. Cuerpo
<body> es la etiqueta que contiene todos los elementos individuales del sitio. O dicho de otra forma, comprende todo el contenido visible del sitio.
Ejemplo de los códigos esenciales:
<html> <head> <title>Mi página de ejemplo</title> </head> <body> Aquí va el contenido </body> </html>
5. Títulos y subtítulos
<h1> <h2>… <h6> son etiquetas que funcionan para agregar títulos y subtítulos en el cuerpo del texto, lo cual ayuda a jerarquizar la información.
<h1>Esta es una etiqueta H1. Utilízala en el título.</h1> <h2>Esta es una etiqueta H2. Utilízala en los encabezados de secciones.</h2> <h3>Esta es una etiqueta H3. Utilízala en sub-secciones.</h3> <h4>Esta es una etiqueta H4. No se usan muy a menudo.</h4> <h5>Esta es una etiqueta H5.</h5> <h6>Esta es una etiqueta H6.</h6>
6. Párrafos
Las etiquetas <p> y <br> te ayudarán a organizar el texto en párrafos y saltos de línea.
<p>Tu primer párrafo.</p> <p>Tu segundo párrafo.</p> <p>Un enunciado.<br> Un segundo enunciado (pegado al primero).</p>
Resultado:
7. Hipervínculos
<a> te permite insertar un hipervínculo a la página. Por ejemplo, el link hacia tus redes sociales o hacia otro sitio web con el que desees conectar tu página.
Ejemplo:
<a href="https://mx.godaddy.com/blog">Visita el blog de GoDaddy</a>
Formatos de archivo entre estos:
txt : Son el tipo de archivo más simple en texto. Solo guardan caracteres (letras, números y símbolos de puntuación). No mantendrán ningún tipo de formato como subrayado, tamaño o tipos de letra. Son los más genéricos y por tanto pueden ser abiertos con cualquier editor de texto. La aplicación más común es el Bloc de Notas.
rtf: (Rich Text Format). Este tipo de formato de texto enriquecido, ya conserva propiedades del texto como el subrayado, los tamaños, colores, etc. La aplicación que lo emplea es el WordPad presente en los sistemas operativos Windows.
odt: (Open Document Text) Documento de texto abierto, es el empleado por los paquetes Writte de OpenOffice. Sigue el standard ISO/IEC 26300, por ello toda aplicación, desde la aprobación del estándar debería permitir su apertura y guardado. Mantienen a nivel interno una clara separación entre contenido y formatos.
doc-docx: Es el equivalente al formato odt anterior, pero propietario de Microsoft. Es el generado con la aplicación Word. Los docx son una evolución en las últimas versiones del paquete Office.
wps: Archivos de texto utilizado por la aplicación Works,
también distribuido habitualmente con los sistemas operativos Windows.
html: Es el tipo de documento que contiene texto con
etiquetas especificas del lenguaje HTML. Se utiliza para la creación de páginas
web. Es el formato que lee nuestro navegador para mostrar la página. Es
editable con aplicaciones como el bloc de notas.
Lenguaje de programación de HTML
HTML significa lenguaje de marcado de hipertexto. "Lenguaje de marcado" significa que, en lugar de usar un lenguaje de programación para ordenar funciones, el HTML utiliza etiquetas para identificar diferentes tipos de contenido y los fines de cada uno para la página web.
El HTML usa etiquetas o elementos para identificar los distintos tipos de
contenido. Estas etiquetas tienen nombres bastante intuitivos: etiquetas de
encabezado, etiquetas de párrafo, etiquetas de imagen, etc. Cada página web se
compone de un montón de estas etiquetas HTML que identifican cada tipo de
contenido en la página.
Comentarios
Publicar un comentario