Skip to content

SergioMoreno115/basics-HTML

Repository files navigation

HTML 1

En el código base que se te proporciona en el fichero html1.html realiza los siguientes cambios:

Las siglas HTML deben aparecer como texto destacado en toda la página. Tim Berners-Lee debe aparecer como texto enfatizado en toda la página. Debes añadir el siguiente contenido: Un encabezado de nivel 1 con el texto "HTML" antes de "HTML son las siglas de..." Un encabezado de nivel 2 con el texto "Historia de HTML" antes de "Los inicios del lenguaje HTML..." Un encabezado de nivel 2 con el texto "Versiones de HTML" antes de dos nuevos párrafos que contienen el texto "Tim Berners-Lee definió la primera versión de HTML en el año 1991" y "En la actualidad, la última versión de HTML es HTML5".

El resultado debe ser el de la imagen siguiente:

html1

HTML 2

A partir del texto que se te proporciona en html2.html, debes crear una página web que tenga:

  • El título de la página debe ser Tim Berners-Lee.
  • El texto "Tim Berners-Lee" como encabezado de nivel 1.
  • El texto "Biografía" como encabezado de nivel 2.
  • Todas las siglas, como HTTP, W3C o MIT deben aparecer como texto destacado.
  • Los nombres de las instituciones o empresas, como Consorcio de la World Wide Web o Universidad de Oxford, deben aparecer como texto enfatizado.

El resultado debe ser el de la imagen siguiente:

html2

HTML 3

Corrige los errores que presenta el código de la página html3.html

HTML 4

Corrige los errores que presenta el código base que se te proporciona en html4.html. También pueden existir ciertas cosas que no están mal, pero que se pueden hacer mejor.

HTML 5

A partir del texto que se te proporciona en html5.html, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:

html5

Además, tienes que tener en cuenta los siguientes requisitos:

  • El título de la página debe ser Curriculum Vitae de Bruce Wayne.
  • El resto de la estructura de la página debes deducirlo a partir de la imagen proporcionada.

HTML 6

A partir del texto que se te proporciona en html6.html, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:

enlaces

Además, tienes que tener en cuenta los siguientes requisitos:

El título de la página debe ser Los tres pilares de la Web. Los enlaces que aparecen en la página deben tener los siguientes destinos:

Consejo: para comprobar que los enlaces intradocumentales funcionan correctamente, aumenta el tamaño o zoom de la página con "Control +"

HTML 8

A partir del código base de html8.html debes crear una página web que tenga el mismo aspecto que la siguiente imagen:

listas-2

Selecciona para cada lista el mejor tipo de lista.

HTML 9

A partir del texto que se te proporciona en html9.html, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:

tabla-1

Además, tienes que tener en cuenta los siguientes requisitos:

El destino del enlace Índice de desempleo anual es la página web: http://epp.eurostat.ec.europa.eu/tgm/table.do?tab=table&init=1&language=en&pcode=tsdec450&plugin=1

Nota: en el código base que se te proporciona vas a encontrar una etiqueta nueva, la etiqueta <style>. Esta etiqueta permite introducir instrucciones de CSS (Cascading Style Sheets) en una página web. CSS se emplea para definir la presentación visual de una página web y se explica en la segunda parte de este curso. Las instrucciones que se han incluido tienen como objetivo que la tabla y las celdas de la tabla se muestren con un borde. Esto también se podría haber logrado con el atributo border de HTML, pero es mejor utilizar siempre CSS para todo lo relacionado con la presentación de una página web.

HTML 10

A partir del código base de html10.html, debes crear una página web que tenga el mismo aspecto que la siguiente imagen:

tabla-2

Nota: en el código base que se te proporciona vas a encontrar una etiqueta nueva, la etiqueta <style>. Esta etiqueta permite introducir instrucciones de CSS (Cascading Style Sheets) en una página web. CSS se emplea para definir la presentación visual de una página web y se explica en la segunda parte de este curso. Las instrucciones que se han incluido tienen como objetivo que la tabla y las celdas de la tabla se muestren con un borde. Esto también se podría haber logrado con el atributo border de HTML, pero es mejor utilizar siempre CSS para todo lo relacionado con la presentación de una página web.

About

Ejercicios básicos de HTML

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages