¿Qué es el HTML?
El Lenguaje HTML es el código que se utiliza para estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de datos.
Aquí un video corto que explica que es el HTML:
Utilizamos un programa llamado Notepad++, un programa gratuito y fácil de usar. En este programa también se puede usar otro tipo de lenguaje como puede ser CSS.
Pulsa en la imagen para ir a la página de Notepad++ donde lo podrás descargar.
Elementos que se pueden escribir en un HTML
Las etiquetas HTML más utilizadas son:
<!DOCTYPE>: Se utiliza para especificar la versión de HTML que se está utilizando en la página.
<html>: Define el inicio y el final de la página web.
<head>: Define la sección de encabezado de la página, donde se incluyen elementos como el título de la página, scripts, entre otros.
<title>: Define el título de la página web que aparece en la pestaña del navegador.
<body>: Define la sección del cuerpo de la página web, donde se incluyen todos los elementos que se mostrarán en la página.
<h1> a <h6>: Define los encabezados o títulos de diferentes niveles de jerarquía en la página web.
<a>: Define un enlace que el usuario puede hacer clic para ir a otra página web o a una sección diferente de la misma página.
<img>: Define una imagen que se mostrará en la página web.
<p>Etiqueta de párrafo</p>: Define un párrafo de texto. Las etiquetas <p> y </p> son etiquetas HTML y la "Etiqueta de párrafo" es el elemento HTML.
<b>Etiqueta de negrita</b>: Esta etiqueta dará formato de negrita a cualquier texto que se encuentre entre la etiqueta <b> de apertura y la etiqueta </b> de cierre.
<i>Etiqueta de cursiva</i>: Esta etiqueta formateará como cursiva cualquier texto entre la etiqueta de apertura <i> y la etiqueta de cierre </i>.
<u>Etiqueta de subrayado</u>: Esta etiqueta formateará cualquier texto entre la etiqueta <u> de apertura y la etiqueta </u> de cierre como subrayado.
<table>: Para crear una tabla.
<tr>: Para añadir una fila a la tabla.
<td>: Para añadir una columna a la tabla.
Mi trabajo de HTML
Nos mandaron un trabajo por pareja en HTML de tema libre en parejas. En nuestro caso hicimos una página web sobre películas de terror basada en hechos reales. hicimos un total de 4 páginas, una inicial y tres secundarias. Desde la página secundaria se podía acceder al resto de páginas, además de otras páginas externas encontradas en internet.
Visualización de una parte de la página:
Esta página además de añadir información añade música, un video, videos de YouTube, imágenes, tablas, enlaces desde imágenes, textos y botones, enlaces a las otras páginas en las que hay formularios y listas entre otras cosas.
Así se vería un fragmento de HTML:
CSS
Además del lenguaje HTML utilizamos otro lenguaje llamado CSS para cambiar la tipografía de los textos que añadimos en las páginas web. CSS tienen más usos además de este pero nosotros solo usamos esta función. Para añadir otra tipografía hay que escribir un código concreto en el que indique que el código HTML se tiene que redirigir al código CSS, y este busca un archivo previamente descargado el cual contiene la tipografía.
No hay comentarios:
Publicar un comentario