England

1-The population of England is approximately 56.5 million 1.

2-The highest mountain in England is Scafell Pike, which stands at 978 meters tall 2.

3-The longest river in England is the River Thames, which is 346 kilometers long 2.

4-The most popular sport in England is football (soccer), with the Premier League being the top
professional league 3.

5-The most visited tourist attraction in England is The British Museum, which had over 6.2 million
visitors in 2019 4.

6-The largest city in England is London, which has a population of over 9 million people 2.

7-The oldest university in England is the University of Oxford, which was founded in 1096 5.

8-The most common language spoken in England is English 2.

9-The highest temperature ever recorded in England was 38.7°C in Cambridge on 25 July 2019 2.

10-The most common religion in England is Christianity, with Church of England being the largest
denomination 2.

Wales
1-The population of Wales is approximately 3.1 million 1.

2-The highest mountain in Wales is Snowdon, which stands at 1,085 meters tall 2.

3-The longest river in Wales is the River Severn, which is 354 kilometers long 2.

4-The most popular sport in Wales is rugby union, with the Welsh Rugby Union being the governing
body 3.

5-The most visited tourist attraction in Wales is Snowdonia National Park, which had over 4 million
visitors in 2019 4.

6-The largest city in Wales is Cardiff, which has a population of over 350,000 people 2.

7-The oldest university in Wales is the University of Wales, which was founded in 1893 5.

8-The most common language spoken in Wales is Welsh 2.

9-The highest temperature ever recorded in Wales was 35.2°C in Hawarden Bridge on 2 August 1990 2.

10-The most common religion in Wales is Christianity, with Church in Wales being the largest
denomination 2.

Scotland
1-The population of Scotland is approximately 5.5 million .

2-The highest mountain in Scotland is Ben Nevis, which stands at 1,345 meters tall .

3-The longest river in Scotland is the River Tay, which is 188 kilometers long .

4-The most popular sport in Scotland is football (soccer), with the Scottish Professional Football League
being the top professional league .

5-The most visited tourist attraction in Scotland is Edinburgh Castle, which had over 2.2 million visitors
in 2019 .

6-The largest city in Scotland is Glasgow, which has a population of over 600,000 people .

7-The oldest university in Scotland is the University of St Andrews, which was founded in 1413 .

8-The most common language spoken in Scotland is English .

9-The highest temperature ever recorded in Scotland was 32.9°C in Greycrook on 9 August 2003

10-The most common religion in Scotland is Christianity, with Church of Scotland being the largest
denomination .

Northern Ireland
1-The population of Northern Ireland is approximately 1.9 million.

2-The highest mountain in Northern Ireland is Slieve Donard, which stands at 850 meters tall 2.

3-The longest river in Northern Ireland is the River Bann, which is 129 kilometers long .

4-The most popular sport in Northern Ireland is football (soccer), with the Northern Ireland Football
League being the top professional league .

5-The most visited tourist attraction in Northern Ireland is Giant’s Causeway, which had over 1 million
visitors in 2019 .

6-The highest waterfall in Northern Ireland is Slemish Waterfall, which stands at 60 meters tall .

7-The longest beach in Northern Ireland is Benone Strand, which is 11 kilometers long .

8-The most popular sport in Northern Ireland is football (soccer), with the Northern Ireland Football
League being the top professional league .

9-The most visited tourist attraction in Northern Ireland is Giant’s Causeway, which had over 1 million
visitors in 2019 .

10-The largest city in Northern Ireland is Belfast

UNIVERSIDAD AUTONOMA DE NUEVO LEÓN

Nombre:JESUS MARIO BAZALDUA BUSTOS

Matrícula:2014834

Salón:002

Profesor: LUIS DANIEL LEPE RODRIGUEZ

clase ordinaria

27/01/20
 Síntesis:Teoría y conceptos del HTML 5

Basándome en lo que leí, HTML5 es crucial porque representa una nueva versión
de la web que se adapta a los tiempos cambiantes y a una variedad de nuevos
perfiles digitales. Según mi entendimiento, HTML5 es el presente de la web, y si no
estás al tanto de lo que está sucediendo, te estás quedando atrás en la generación
de desarrolladores. Comprender HTML5, desde mi perspectiva, es reconocer que
hoy en día nos conectamos a través de una variedad de dispositivos, incluyendo
teléfonos móviles, tabletas, eBooks, netbooks y computadoras.

Las grandes empresas de la web, como Microsoft, Google, Apple, Adobe,

Facebook, Yahoo y Mozilla, junto con miles de proyectos tecnológicos, están
adoptando HTML5, apoyándolo y desarrollando propuestas que compiten en el
navegador más cercano a tu pantalla. Si todavía piensas que HTML solo representa
las siglas de Hypertext Markup Language, según lo que he leído, te estás perdiendo
de algo. HTML5 es una época maravillosa de la web que tienes el privilegio de
disfrutar.

HTML5 es la actualización de HTML, el lenguaje en el que se crea la web. La

versión anterior, HTML4, carece de las características necesarias para la creación
de aplicaciones modernas basadas en un navegador. El uso intensivo de Javascript
ha ayudado a mejorar esto, gracias a frameworks como jQuery, jQuery UI y
Sproutcore. Ahora, HTML5 puede hacer esto sin necesidad de plugins y con una
gran compatibilidad entre navegadores.

HTML4 y HTML5 son 100% compatibles entre sí. Todo el código que tienes en
HTML normal seguirá funcionando sin problemas en HTML5. Las principales nuevas
etiquetas de HTML5 no tienen una representación especial en pantalla. Muchos
encabezados necesitan múltiples títulos, como un blog que tiene un título y un
tagline explicando el blog. En el HTML actual, solo puedes usar h1 una vez por sitio
o el h1 pierde prioridad de SEO.

En un blog, la zona donde están todos los posts sería un section. En un video de
YouTube, habría un section para el video, uno para los datos del video, otro para la
zona de comentarios. En el home de un blog, cada post sería un article. En un post
del blog, el post y cada uno de sus comentarios sería un article. En un blog,
obviamente el aside es la barra lateral de información.

Estas nuevas etiquetas no significan que ya no se use div. Solo usa las etiquetas
semánticas de HTML5 donde sean necesarias. Las etiquetas semánticas, a pesar
de ser claves para el posicionamiento en buscadores y el buen desarrollo web, no
son la razón por la que todo el mundo habla de HTML5.
HTML5 trae al mundo del desarrollo web habilidades que, siendo el 2010, era casi
vergonzoso no tener. Internet Explorer, claro, es también la razón de la poca
adopción de HTML5. Sin embargo, hay formas de que las etiquetas semánticas de
HTML5 y otras características sean reconocidas por versiones antiguas de IE.
Otra de las cosas que he leído, es que HTML5 es crucial porque representa una
nueva versión de la web que se adapta a los tiempos cambiantes y a una variedad
de nuevos perfiles digitales. Yo creo que HTML5 es el presente de la web y si no
estás al tanto de lo que está sucediendo, te estás quedando atrás en la generación
de desarrolladores.

Por lo que leí, HTML5 es la actualización de HTML, el lenguaje en el que se crea la

web. La versión anterior, HTML4, carece de las características necesarias para la
creación de aplicaciones modernas basadas en un navegador. Ahora, HTML5 puede
hacer esto sin necesidad de plugins y con una gran compatibilidad entre
navegadores.

El debate entre Flash y HTML5 ha generado programas muy entretenidos en

mejorandolaweb. Incluso Youtube, según el libro, está haciendo esfuerzos
importantes para adoptar HTML5, resolviendo otros problemas que este tag trae
consigo.

Es muy importante entender la diferencia entre los tipos de archivo y los codecs con
los que el video ha sido procesado. Los navegadores y las compañías que los
producen han optado por soportar solo algunos codecs y, lamentablemente, no
existe una alternativa definitiva y universal.

La opción de “controls” en el tag video abre un mundo de posibilidades para que

generes un reproductor personalizado visible para el usuario. Hay muchas opciones
de reproductores de video que puedes utilizar e incluir en tus páginas HTML5,
según lo que leí.

Mi reflexión es que HTML5 es un avance significativo en la tecnología web que

ofrece muchas ventajas, pero también presenta desafíos que deben ser superados
para aprovechar al máximo su potencial. Como siempre, la clave para navegar en
este paisaje en constante evolución es mantenerse actualizado con los últimos
desarrollos y mejores prácticas en el campo del desarrollo web.
 Síntesis:Síntesis sobre el HTML semántico

HTML5 introduce más de 30 nuevas etiquetas semánticas que pueden ser utilizadas
en nuestras páginas. Estas nuevas etiquetas se clasifican en dos grupos: las que
extienden a las actuales y añaden nuevas funcionalidades a los documentos HTML,
y las que componen la web semántica, es decir, que sirven para estructurar sitios
web y añadir un significado concreto.

Además de las nuevas etiquetas, el nuevo estándar propone pequeñas mejoras que
podemos aplicar en la definición de nuestros documentos, en concreto en la
cabecera de los mismos. El estándar XHTML deriva de XML, por lo que comparte
con él muchas de sus normas y sintaxis. Uno de los conceptos fundamentales de
XML es la utilización del DTD o Document Type Definition. En HTML5 se reduce la
definición del tipo de documento a una única posibilidad.

En todo documento HTML, su elemento raíz o nodo superior siempre es la etiqueta

html. Hasta ahora, este elemento raíz se definía de una manera específica, pero en
HTML5 algunas partes ya no son necesarias, por lo que podemos eliminarlas.

El primer hijo del elemento raíz es generalmente el elemento head. El elemento

head contiene los metadatos que aportan información extra sobre la página, como
su título, descripción, autor, etc. Además, puede incluir referencias externas a
contenidos necesarios para que el documento se muestre y comporte de manera
correcta. Este elemento ha sufrido pequeñas variaciones en HTML5.

La codificación del contenido es un aspecto crucial en HTML5. Cada cadena de

caracteres que se muestra en la pantalla se almacena con una codificación de
caracteres en particular. La codificación de caracteres proporciona una
correspondencia entre lo que se muestra en la pantalla y lo que un equipo realmente
almacena en la memoria y en el disco. En HTML5, es más sencillo definir esta
codificación de caracteres con la etiqueta meta: <meta charset="utf-8">.

Dentro del elemento head, las etiquetas <link> son una manera de acceder o
declarar contenido externo al documento actual. Estas etiquetas pueden cumplir
distintos objetivos, como aplicar reglas CSS al documento, contener el mismo
contenido que esta página pero en un formato estándar (RSS), o ser una traducción
de esta página en otro idioma.
En 2004, Ian Hickson, el autor de la especificación de HTML5, analizó un gran
número de páginas web para identificar la manera en la que la web real estaba
construida. Este estudio reveló los nombres de clases más utilizados, lo que ayudó
a la creación de nuevas etiquetas semánticas en HTML5.
HTML5 introduce varias etiquetas nuevas que ayudan a estructurar y dar significado
a los documentos web. Algunas de estas etiquetas son:

● <section>: Representa una sección general dentro de un documento o

aplicación, como un capítulo de un libro.
● <article>: Representa un componente autónomo de una página que puede
ser reutilizado y repetido, como una entrada de blog o un comentario de
usuario.
● <aside>: Representa una sección de la página que contiene contenido
relacionado con el contenido que lo rodea, pero que se considera
independiente, como una barra lateral o un elemento publicitario.
● <header>: Representa un grupo de artículos introductorios o de navegación,
generalmente contiene la cabecera de la sección.
● <nav>: Representa una sección de una página que enlaza a otras páginas o
a otras partes dentro de la página.
● <footer>: Representa el pie de una sección, con información acerca de la
página/sección que poco tiene que ver con el contenido de la página, como el
autor, el copyright o el año.
● <hgroup>: Representa el encabezado de una sección y se utiliza para
agrupar un conjunto de elementos h1-h6 cuando el título tiene varios niveles.
● <time>: Representa una hora o una fecha precisa en el calendario
gregoriano.

Estas etiquetas semánticas aportan un significado concreto al documento y afectan

de manera directa a la forma en la que se estructura el contenido. En HTML5, se
puede convertir la estructura tradicional de un documento, que se basa en etiquetas
<div>, a una estructura que utiliza estas nuevas etiquetas semánticas.

HTML5 incluye nuevos atributos globales que pueden ser asignados a cualquier
elemento. Algunos de estos son:

● accesskey: Permite a los desarrolladores especificar un atajo de teclado que

activa un elemento o le asigna el foco. Este atributo ya existía en HTML 4,
pero ahora está disponible para cualquier elemento.
● contenteditable: Este atributo, inventado por Microsoft, permite a los usuarios
editar los contenidos de un elemento que incluya esta etiqueta. También
permite cambiar el formato del texto del contenido.
● data: HTML5 permite crear atributos personalizados para los elementos.
Estos atributos son utilizados para pasar información a JavaScript.
 ● draggable: Este atributo indica que el elemento indicado puede ser
arrastrable.

Estos atributos globales mejoran la funcionalidad y la interactividad de los elementos

en HTML5.
Mi reflexión embase a el libro y el tema de SEMANTICA es que HTML5 ha hecho
grandes avances en la mejora de la semántica web, lo que ha llevado a una web
más comprensible y accesible. Sin embargo, como con cualquier tecnología, es
importante que los desarrolladores comprendan y utilicen correctamente estas
nuevas características para aprovechar al máximo sus beneficios.
Pagina Web Sobre Mi:
Codigo html:
<!DOCTYPE html>
<html>
<head>
<title>Mi Página Personal</title>
<link rel="stylesheet" type="text/css" href="estilos.css">
</head>
<body>
<header>
<div class="dir"></div>
<nav>

<ul>
<li><a href="#sobremi">Sobre mí</a></li>
<li><a href="#pasatiempos">Pasatiempos</a></li>
<li><a href="#logros">Logros</a></li>
</ul>
</nav>
</div>
<div class="titulo"><h1>Bienvenido a mi página personal</h1>
</div>
<div class="imagen"><img src="img/Screenshot_3.png" alt=""
height="200px" width="200px">
</div>
</header>
<div class="datos"><h2>Jesus Mario Bazaldua Bustos</h2>
<h2>2014834</h2></div>

<section id="sobremi">
<h2>Sobre mí</h2>
<p>Me llamo Jesus Mario Bazaldua Bustos actualmente mi Objetivo
es adquirir el conocimiento necesario sobre desarrollo de software para
destacar,
tengo 19 años, estoy estudiando en la UANL especificamente
en la facultad de fime, en la carrera de ITS, espero lograr mis
objetivos en la universidad,
hablando mas sobre mi, me gusta programar, aunque siento
que me hace falta ser mas autodidacta e adentrarme mucho mas y adquirir
conocimiento por mi parte
 aunque si lo hago no lo hago con el compromiso necesario,
soy una persona tranquila, no me gusta meterme en problemas, ni tampoco
darlos y estoy orgulloso de mi carrera
me hustaria viajar a estados unidos una vez me halla
titulado, la razon es que me gustaria dominar mi ingles lo mejor
posible y haci ver mejores oportunidades
de trabajo en el extranjero, ya que me gustaria viajar por
el mundo trabajando de algo que me gusta, eso es un poco de mi persona,
tengo mis metas clarasy soy ambicioso
pero necesito reforzar algunas carencias que tengo para
que el dia que me toque laburar hacerlo lo mejor posible, eso seria un
poco sobre mi.
</p>
</section>
<section id="pasatiempos">
<h2>Pasatiempos</h2>
<p>En mis pasatiempos me gusta jugar videojuegos, salir a jugar
al parque con mis amigos a futbol, ver peliculas, la verdad me
considero una persona sencilla en cuanto a pasatiempos</p>
</section>
<section id="logros">
<h2>Logros</h2>
<p>Pues no tengo muchos logros pero algunos logros o
aprendizajes a lo largo de mi vida han sido crecer como persona,
aprender mayor parte del lenguaje html, css, c++ y
ahora estoy intentando aprender base de datos con mysql,
espero lograrlo, y pues logros asi deportivos a lo largo de mi vida e
obtenido algunas medallas de lanzador
de bala y de disco aunque ya tiene tiempo de eso aqui
adjuntare una imagen:
</p>
<div class="imagen2"><img src="img/Screenshot_1.png" alt=""
width="200px" height="200px"></div>
</section>
<footer>
<div class="fin"><p>Gracias por Conocer un Poco sobre
mi</p></div>
</footer>
</body>
</html>
Codigo css:

.dir{
display: flex;
justify-content: space-between;

}
.titulo{
color: aqua;
display: flex;
justify-content: center;
}
.imagen{
display: flex;
justify-content: center;

}
.datos{
display: flex;
flex-direction: column;
align-items: center;

}
.imagen2{
display: flex;
justify-content: center;

}
.fin{
color: aqua;
display: flex;
justify-content: center;
font-size: 50px;
}
}
Reflexiones: En cuanto a esta actividad me sirvió ya que reforcé mi conocimiento
de html ya lo había visto previamente pero nunca viene de más seguir aprendiendo
y reforzando, me gusto bastante la actividad ya que vimos demasiado del tema y
esto ayuda al momento de poner en marcha algún proyecto podré estar lo mejor
preparado posible.

Referencias:
Freddy Vega, J., & van der Henst, C. (2011). Guía HTML5. El presente de la web
APA. (1.a ed.) [Libro electrónico]. Maestros del Web. Recuperado de:
https://openlibra.com/es/book/download/guia-html5-el-presente-de-la-web
Garro, A. (2014). HTML 5 (1.a ed., Vol. 1).
https://openlibra.com/es/book/download/html5

Chatfield, M. (2019, 15 agosto). Don’t Just Put a <div> on It - Use the Power of the
Browser! Mariechatfield. Recuperado 13 de enero de 2022, de
https://mariechatfield.com/blog/semantic-html