Curso de HTML5 (2)
Aquí el autor habla de estructuración de la página web, las etiquetas HTML involucradas y hacer una página web estructurada. El link es el siguiente:
Una página web básica tendrá las siguientes etiquetas:
<!DOCTYPE html>
<html>….</html>
<head>….</head>
<title>….</title>
Ahora bien, la estructura básica es la que sigue:
<!DOCTYPE html>
<html>
<head>
<title> Mi primer sitio web estructurado </title>
</head>
<body>
Hola mundo. Ahora estamos usando código html limpio.
<br>
El buen código es para su fácil revisión.
</body>
</html>
Hice lo que el autor dijo al pie de la letra y como esperaba, no pude hacer que explorador mostrara bien los acentos o mejor dicho las tildes de las palabras que tienen acento ortográfico. Lo he solucionado poniendo el número de código correspondiente a las «ó» y a la «a». Les pongo la tablita que tomé de http://www.tutorialspoint.com/html5/html5_entities.htm
ISO 8859-1 Character Entities
Result | Description | Entity Name | Number Code |
---|---|---|---|
À | capital a, grave accent | À | À |
Á | capital a, acute accent | Á | Á |
 | capital a, circumflex accent |  |  |
à | capital a, tilde | à | à |
Ä | capital a, umlaut mark | Ä | Ä |
Å | capital a, ring | Å | Å |
Æ | capital ae | Æ | Æ |
Ç | capital c, cedilla | Ç | Ç |
È | capital e, grave accent | È | È |
É | capital e, acute accent | É | É |
Ê | capital e, circumflex accent | Ê | Ê |
Ë | capital e, umlaut mark | Ë | Ë |
Ì | capital i, grave accent | Ì | Ì |
Í | capital i, acute accent | Í | Í |
Î | capital i, circumflex accent | Î | Î |
Ï | capital i, umlaut mark | Ï | Ï |
Ð | capital eth, Icelandic | Ð | Ð |
Ñ | capital n, tilde | Ñ | Ñ |
Ò | capital o, grave accent | Ò | Ò |
Ó | capital o, acute accent | Ó | Ó |
Ô | capital o, circumflex accent | Ô | Ô |
Õ | capital o, tilde | Õ | Õ |
Ö | capital o, umlaut mark | Ö | Ö |
Ø | capital o, slash | Ø | Ø |
Ù | capital u, grave accent | Ù | Ù |
Ú | capital u, acute accent | Ú | Ú |
Û | capital u, circumflex accent | Û | Û |
Ü | capital u, umlaut mark | Ü | Ü |
Ý | capital y, acute accent | Ý | Ý |
Þ | capital THORN, Icelandic | Þ | Þ |
ß | small sharp s, German | ß | ß |
à | small a, grave accent | à | à |
á | small a, acute accent | á | á |
â | small a, circumflex accent | â | â |
ã | small a, tilde | ã | ã |
ä | small a, umlaut mark | ä | ä |
å | small a, ring | å | å |
æ | small ae | æ | æ |
ç | small c, cedilla | ç | ç |
è | small e, grave accent | è | è |
é | small e, acute accent | é | é |
ê | small e, circumflex accent | ê | ê |
ë | small e, umlaut mark | ë | ë |
ì | small i, grave accent | ì | ì |
í | small i, acute accent | í | í |
î | small i, circumflex accent | î | î |
ï | small i, umlaut mark | ï | ï |
ð | small eth, Icelandic | ð | ð |
ñ | small n, tilde | ñ | ñ |
ò | small o, grave accent | ò | ò |
ó | small o, acute accent | ó | ó |
ô | small o, circumflex accent | ô | ô |
õ | small o, tilde | õ | õ |
ö | small o, umlaut mark | ö | ö |
ø | small o, slash | ø | ø |
ù | small u, grave accent | ù | ù |
ú | small u, acute accent | ú | ú |
û | small u, circumflex accent | û | û |
ü | small u, umlaut mark | ü | ü |
ý | small y, acute accent | ý | ý |
þ | small thorn, Icelandic | þ | þ |
ÿ | small y, umlaut mark | ÿ | ÿ |
En la página proporcionada hay más tablas.
Abriendo el documento index.html con firefox el resultado es lo siguiente:
Como ven lo que metimos en <title>…</title> aparece tanto en la parte más alta del explorador como también en la más baja. El resto del texto es texto normal en dos renglones ya que usamos un <br>. Además ya aparecen las tildes.
Pues ya hicimos una página básica. Pasemos a otra lección…
ISO 8859-1 Character Entities
Result | Description | Entity Name | Number Code |
---|---|---|---|
À | capital a, grave accent | À | À |
Á | capital a, acute accent | Á | Á |
 | capital a, circumflex accent |  |  |
à | capital a, tilde | à | à |
Ä | capital a, umlaut mark | Ä | Ä |
Å | capital a, ring | Å | Å |
Æ | capital ae | Æ | Æ |
Ç | capital c, cedilla | Ç | Ç |
È | capital e, grave accent | È | È |
É | capital e, acute accent | É | É |
Ê | capital e, circumflex accent | Ê | Ê |
Ë | capital e, umlaut mark | Ë | Ë |
Ì | capital i, grave accent | Ì | Ì |
Í | capital i, acute accent | Í | Í |
Î | capital i, circumflex accent | Î | Î |
Ï | capital i, umlaut mark | Ï | Ï |
Ð | capital eth, Icelandic | Ð | Ð |
Ñ | capital n, tilde | Ñ | Ñ |
Ò | capital o, grave accent | Ò | Ò |
Ó | capital o, acute accent | Ó | Ó |
Ô | capital o, circumflex accent | Ô | Ô |
Õ | capital o, tilde | Õ | Õ |
Ö | capital o, umlaut mark | Ö | Ö |
Ø | capital o, slash | Ø | Ø |
Ù | capital u, grave accent | Ù | Ù |
Ú | capital u, acute accent | Ú | Ú |
Û | capital u, circumflex accent | Û | Û |
Ü | capital u, umlaut mark | Ü | Ü |
Ý | capital y, acute accent | Ý | Ý |
Þ | capital THORN, Icelandic | Þ | Þ |
ß | small sharp s, German | ß | ß |
à | small a, grave accent | à | à |
á | small a, acute accent | á | á |
â | small a, circumflex accent | â | â |
ã | small a, tilde | ã | ã |
ä | small a, umlaut mark | ä | ä |
å | small a, ring | å | å |
æ | small ae | æ | æ |
ç | small c, cedilla | ç | ç |
è | small e, grave accent | è | è |
é | small e, acute accent | é | é |
ê | small e, circumflex accent | ê | ê |
ë | small e, umlaut mark | ë | ë |
ì | small i, grave accent | ì | ì |
í | small i, acute accent | í | í |
î | small i, circumflex accent | î | î |
ï | small i, umlaut mark | ï | ï |
ð | small eth, Icelandic | ð | ð |
ñ | small n, tilde | ñ | ñ |
ò | small o, grave accent | ò | ò |
ó | small o, acute accent | ó | ó |
ô | small o, circumflex accent | ô | ô |
õ | small o, tilde | õ | õ |
ö | small o, umlaut mark | ö | ö |
ø | small o, slash | ø | ø |
ù | small u, grave accent | ù | ù |
ú | small u, acute accent | ú | ú |
û | small u, circumflex accent | û | û |
ü | small u, umlaut mark | ü | ü |
ý | small y, acute accent | ý | ý |
þ | small thorn, Icelandic | þ | þ |
ÿ | small y, umlaut mark | ÿ | ÿ |
Curso de HTML5 (1)
Siempre me ha gustado la programación web y desde hace años, años, años, que compro libros sobre eso. Ahora con el desarrollo de HTML5 y algunos ejemplos de cosas que he visto que se pueden hacer con él, me ha vuelto el ánimo por lo concerniente a la programación web.
Buscando en internet encontré un cursito en youtube acerca de html5 y me gustó la forma de explicar del autor, Dion Dresschers. Está en inglés y aquí les dejo el link:
Aquí les pongo un resumen de qué dice:
Supuestamente vamos a crear nuestro propio website, ¿será?
Requerimientos:
– Web browser que soporte HTML5
– Editor de textos (uso el Gedit -Linux-).
No se necesita:
– Servidor.
– Conexión a internet.
El código que escribí fue el siguiente:
Hello World!!!
<br><br><br>
Este es mi primer sitio web
Lo que hice fue salvar el documento en el escritorio con el nombre index que es recomendable que la primer página se llame index, lo último fue aplicarle una extensión html, o sea el nombre completo sería index.html
Después ya se puede abrir con cualquier navegador que soporte el html5. Aquí la vista con Chromium
<br> sirve para darle espacio entre párrafos y podemos poner varias, yo por eso usé tres para que el espacio fuera visible.
Para salvar correctamente nuestro archivo debe ser de texto, le ponemos extensión html y el primer archivo siempre se llamará index.html
Vamos a la siguiente lección.