AMH-Guía Curso HTML5 v2

Semana Acadmica 2015
Curso Bsico
Desarrollo de pginas web
=== Gua de apoyo ===
Instructor: Ing. Angel Mndez Hernndez

2015
Julio
Material elaborado con recopilaciones diversas de informacin personal para la Semana Acadmica
Mantenimiento 2015 de la Universidad Tecnolgica de Gutirrez Zamora
Contenido
Introduccin................................................................................................................................. 3
Qu es el internet?.................................................................................................................. 3
Cmo funciona la web?........................................................................................................... 3
Objetivo del curso..................................................................................................................... 4
Requerimientos para este curso............................................................................................... 4
1.- Mdulo HTML5 bsico............................................................................................................. 5
Mejor estructura....................................................................................................................... 5
Estructura bsica HTML5.......................................................................................................... 9
Etiquetas de estructura.......................................................................................................... 10
La cabecera <head>.............................................................................................................. 10
Prrafos en el cuerpo <body>................................................................................................ 11
Prrafos y encabezados.......................................................................................................... 12
Usando todos los encabezados............................................................................................... 13
Aadiendo imgenes.............................................................................................................. 14
Haz clic en esa imagen........................................................................................................... 15
Imgenes y enlaces................................................................................................................ 16
Listas...................................................................................................................................... 16
Tablas...................................................................................................................................... 17
Ejercicios mdulo 1................................................................................................................. 20
Introduccin
El HTML5 (HyperText Markup Language) es la quinta revisin del lenguaje de programacin
bsico de la World Wide Web. Esta nueva versin pretende remplazar al actual (X)HTML,
corrigiendo problemas con los que los desarrolladores web se encuentran, as como redisear el
cdigo actualizndolo a nuevas necesidades que demanda la web de hoy en da.
Muchas empresas ya estn desarrollando sus sitios webs en esta versin del lenguaje. A
diferencia de otras versiones de HTML, los cambios en HTML5 comienzan aadiendo semntica y
accesibilidad implcitas, especificando cada detalle y borrando cualquier ambigedad.
Qu es el internet?
Podemos definir a Internet como una "red de redes", es decir, una red que no slo interconecta
computadoras, sino que interconecta redes de computadoras entre s. Una red de computadoras
es un conjunto de mquinas que se comunican a travs de algn medio (cable coaxial, fibra
ptica, radiofrecuencia, lneas telefnicas, etc.) con el objeto de compartir recursos.
De esta manera, Internet sirve de enlace entre redes ms pequeas y permite ampliar su
cobertura al hacerlas parte de una "red global". Esta red global tiene la caracterstica de que
utiliza un lenguaje comn que garantiza la intercomunicacin de los diferentes participantes;
este lenguaje comn o protocolo (un protocolo es el lenguaje que utilizan las computadoras al
compartir recursos) se conoce como TCP/IP.
Internet es un acrnimo de INTERconected NETworks (Redes interconectadas). Para otros,
Internet es un acrnimo del ingls INTERnational NET, que traducido al espaol sera Red
Mundial.
Cmo funciona la web?

La World Wide Web o www nace a principios de los aos 90 en Suiza. Su funcin es ordenar y
distribuir la informacin que existe en internet. La World Wide Web se basa en hipertextos, es
decir, pginas en las que se pueden insertar hipervnculos. Estos conducen al usuario de una
pgina web a otra o a otro punto de esa web.
Existen sistemas de escritura para las pginas llamados "Lenguaje de marcado". El ms utilizado
es el HTML o "Hyper Text Markup Lenguaje" (Lenguaje de marcas de hipertexto). Con esta
escritura se dan las rdenes para que la informacin se presente de uno u otro modo en las
pginas web. Las marcas ("tags" o etiquetas) permiten dar formato al texto y combinarlo con
otros elementos multimedia. Esta pgina es un hipertexto HTML.
El protocolo HTTP se cre para que los hipertextos, hipervnculos e hipermedias cumplan su
funcin. Son las siglas de Hypertext Transfer Protocol o Protocolo de Transferencia de Hipertexto.
Funciona siguiendo cuatro pasos bsicos: la conexin, la solicitud, la respuesta y la desconexin.
Es considerado un protocolo sin estado porque no guarda informacin sobre las transacciones
que hace.
El direccionamiento URL sirve para nombrar la localizacin de la informacin a la que
queremos acceder en internet a travs de un sistema estndar de caracteres. Cada uno de los
recursos de informacin en la red tiene una URL nica. Con esta direccin el navegador accede a
la pgina y nos la muestra.
Para navegar por internet se necesita un programa que pueda acceder a las pginas web. Estos
programas se llaman navegadores y los ms conocidos son Internet Explorer, Mozilla
Firefox y Google Chrome. Las pginas web pueden alojar informacin de todo tipo y pueden
contener texto, vdeo, imgenes, o diferentes aplicaciones. Para encontrar los datos deseados si
no se conoce la URL haremos uso de los servidores de bsqueda o buscadores. Los ms
conocidos son Google y Yahoo.
Objetivo del curso

En este curso el participante aprender a manejar los elementos bsicos del cdigo HTML5, hojas
de estilos CSS3, as como de otras tecnologas que se implementan para la creacin de pginas
web.
Va dirigido a pblico en general interesados en el diseo de sitios web, as como cdigo HTML5.
Requerimientos para este curso

De usuario:
Conocimientos bsicos de sistema operativo Windows.

No se requiere conocimientos previos de diseo grfico o programacin.
De infraestructura:
Pc con sistema operativo Windows.

Conexin a internet.
Editor de texto: Sublime Text / Bloc de notas.
Navegador web.
Administrador de servidor; Wamp, Xampp, Appserv.
PHP, MySQL.
Gestor FTP Filezilla.
Acceso a Cpanel.
Memoria USB.
Programas portables.
1.- Mdulo HTML5 bsico
Mejor estructura
Actualmente es abusivo el uso de elementos DIV para estructurar una web en bloques. El HTML5
nos brinda varios elementos que perfeccionan esta estructuracin estableciendo qu es cada
seccin, eliminando as <div> innecesarios.
Este cambio en la semntica hace que la estructura de la web sea ms coherente y fcil de
entender por otras personas y los navegadores podrn darle ms importancia a segn qu
secciones de la web facilitndole adems la tarea a los buscadores, as como cualquier otra
aplicacin que interprete sitios web. Las webs se dividirn en los siguientes elementos:
<! DOCTYPE html>
Doctype es el encargado de indicarle al navegador web que el documento que est abriendo es
un documento html. En esta versin el Doctype es mucho ms simplificado y compatible con
HTML y XHTML.
Anteriormente:
<header></header>
Elemento <header> representa un grupo de artculos introductorios o de navegacin.
<nav></nav>
El elemento <nav> representa una seccin de una pgina que es un link a otras pginas o a
partes dentro de la pgina: una seccin con links de navegacin. En otras palabras es la barra
de navegacin con su correspondiente botonera.
No todos los grupos de enlaces en una pgina tienen que estar en un elemento <nav>, slo las
secciones que consisten en bloques principales de la navegacin son apropiadas para ser
utilizadas con el elemento <nav>.
Puede utilizarse particularmente en el pie de pgina para tener un men con un listado de
enlaces a varias pginas de un sitio, como el Copyright; home page, poltica de uso y privacidad.
No obstante, el elemento <footer> es plenamente suficiente sin necesidad de tener un
elemento <nav>.
<article></article>
El elemento <article> representa un componente de una pgina que consiste en una
composicin autnoma en un documento, pgina, aplicacin, o sitio web con la intencin de que
pueda ser reutilizado y repetido. Podra utilizarse en los artculos de los foros, una revista o el
artculo de peridico, una entrada de un blog, un comentario escrito por un usuario, un widget
interactivo o gadget, o cualquier otro artculo independiente de contenido.
Cuando los elementos de <article> son anidados, los elementos de <article> interiores
representan los artculos que en principio son relacionados con el contenido del artculo externo.
Por ejemplo, un artculo de un blog que permite comentarios de usuario, dichos comentarios se
podran representar con <article>.
<section></section>
Se utiliza para representar una seccin general dentro de un documento o aplicacin, como un
captulo de un libro. Puede contener subsecciones y si lo acompaamos de h1 h6 podemos
estructurar mejor toda la pgina creando jerarquas del contenido, algo muy favorable para el
buen posicionamiento web. Si comparamos con un blog, aqu estaran todas las entradas de un
post.
<aside></aside>
Representa una seccin de la pgina que abarca un contenido tangencialmente relacionado con
el contenido que lo rodea, por lo que se le puede considerar un contenido independiente. Este
elemento puede utilizarse para efectos tipogrficos, barras laterales, elementos publicitarios,
para grupos de elementos de la navegacin, u otro contenido que se considere separado del
contenido principal de la pgina.
<footer></footer>
El elemento <footer> representa el pi de una seccin, con informacin acerca de la
pgina/seccin que poco tiene que ver con el contenido de la pgina, como el autor, el copyright
o el ao.
Es importante aclarar que las etiquetas <div></div> an pueden ser utilizadas. Siempre deben
usarse cuando necesites una caja con objetivos de diseo grfico o cualquier cosa que no tenga
significado semntico.
Ahora veamos cmo quedara estructurada una pgina con las nuevas etiquetas de HTML5 que
anteriormente hemos especificado.
Ejemplo de una pgina con HTML 4

<!DOCTYPE
4.01//EN">
<html>
html
PUBLIC
"-//W3C//DTD
Ejemplo de una pgina con HTML5

HTML
<!DOCTYPE html>
<html >
<head>
<head>
<title>Mi primera pgina con estilo</title>
</head>
<title>Titulo de la web</title>
<meta charset="utf-8" />
</head>
<body>
<body>


<ul class="navbar">
<li><a href="indice.html">Pgina principal</a>
<li><a
href="meditaciones.html">Meditaciones</a>
<li><a href="ciudad.html">Mi ciudad</a>
</ul>
<header>
<h1> Sitio web creado en html5</h1>
<h2>Curso desarrollo de pginas web</h2>
</header>


<h1>Mi primera pgina con estilo</h1>
<p>Bienvenido a mi primera pgina con estilo!
<p>No tiene imgenes, pero tiene estilo.
Tambin tiene enlaces, aunque no te lleven a
ningn sitio
<p>Debera haber ms cosas aqu, pero todava
no s
qu poner.

<address>Creada el 5 de abril de 2004<br>
por m mismo.</address>
</body>
</html>
<nav>
<ul class="navbar">
<li><a href="indice.html">Pgina principal</a>
<li><a
href="meditaciones.html">Meditaciones</a>
<li><a href="ciudad.html">Mi ciudad</a>
</ul>
</nav>
<section>
<article>Aqu
h2</article>
</section>
va
un
post,
con
su
ttulo
en
<aside>
Aqu va la Barra lateral con los ltimos posts,
enlaces destacados, nube de etiquetas, etc.
</aside>
<footer>
Aqu va el nombre del desarrollador, Diseador,
Copyright, lo que siempre va al pie de una pgina
o lo que quieras colocar.
</footer>
</body>
</html>
Estructura bsica HTML5

La primera cosa que debemos hacer es configurar el esqueleto de la pgina o estructura bsica
HTML5.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Titulo de la web</title>
<meta charset="utf-8" />

</head>
<body>
<header>
<h1>header</h1>
<p>Sitio web creado en html5 por (escribe t nombre completo)</p>
</header>
<nav>
<h1>nav</h1>
</nav>
<section>
<h2>section</h2>
<article>
<h2>article</h2>
<p> Contenido (ademas de imagenes, citas, videos etc.) </p>
</article>
</section>
<aside>
<h3>aside</h3>
</aside>
<footer>
footer
</footer>
</body>
</html>
Etiquetas de estructura
Para aprender ms HTML, debemos aprender cmo hablar sobre HTML. Ya viste que usamos
mucho los smbolos <>.
Las cosas adentro de <> se llaman etiquetas. Las etiquetas casi siempre vienen en pares: una
etiqueta de inicio y una etiqueta de cierre.
Un ejemplo de una etiqueta de inicio: <html>
Un ejemplo de una etiqueta de cierre: </html>
Imagina que las etiquetas son como parntesis; cuando abres uno, debes cerrarlo. Las etiquetas
tambin pueden anidarse, as que debes cerrarlas en el orden correcto: la etiqueta abierta ms
recientemente debe ser la primera que se cierre, como en el ejemplo de abajo.
<primera etiqueta><segunda etiqueta>Algn texto!</segunda etiqueta></primera
etiqueta>
La cabecera <head>
Todo dentro de nuestro archivo HTML ir en medio de las etiquetas de inicio <html> y de cierre
</html>. El archivo siempre consiste de dos partes: la cabecera y el cuerpo . Vamos a
concentrarnos en la cabecera.
a. Tiene una etiqueta de inicio y una de cierre.
b. La cabecera incluye informacin importante, como el ttulo de la pgina web.
c. El ttulo son las palabras que vemos en la etiqueta (por ejemplo, el ttulo de esta pgina es
"Introduccin a HTML").
Prrafos en el cuerpo <body>

Hemos aprendido acerca de las etiquetas de inicio y de cierre. Cuando colocamos contenido en
medio de las etiquetas, el trozo completo de cdigo es llamado un elemento.
elemento = <etiqueta de inicio> + contenido + <etiqueta de cierre>
Observa que ahora tenemos las dos etiquetas del ttulo y del cuerpo! El contenido en el cuerpo
es lo que ser visible en la pgina real.
<!DOCTYPE html>
<html>
<head>
<title>
</title>
</head>
<body>
<p> El contenido del primer prrafo </p>
<p> El contenido del segundo prrafo</p>
</body>
</html>
Instrucciones:
1) Escribe el nombre de tu pgina en medio de las etiquetas del ttulo. Puede ser cualquier
cosa!
2) Coloca las etiquetas de cierre y de inicio del cuerpo debajo de la etiqueta de cierre de
cabecera.
3) Vamos a crear prrafos dentro del cuerpo! Cada prrafo requiere etiquetas de inicio y de
cierre: <p> y </p>. Colocamos el contenido en medio de las etiquetas.
4) En medio de las etiquetas de cuerpo, crea dos prrafos y escribe contenido en cada
prrafo. (Para esto se requerirn 2 pares de etiquetas p).
5) En la ltima lnea siempre debe terminar con </html>.
Prrafos y encabezados
Definitivamente estamos haciendo un buen progreso! Hemos aprendido cundo y por qu
usamos HTML. Tambin hemos aprendido cmo:
a) Configurar un archivo HTML con etiquetas
b) Ponerle un ttulo a la pgina web (en la cabecera, o <head>)
c) Crear prrafos (en el cuerpo, o <body>)
El siguiente paso es colocarle encabezados a nuestros prrafos, usando las etiquetas de
encabezado. Vamos a comenzar con la etiqueta <h1>, que marca una cosa como la ms
importante. (Todos saben que la fuente ms importante es la ms grande!).
Instrucciones:
1)
2)
3)
4)
Pregntate a ti mismo: cul es el ttulo de esta pgina?

Crea un encabezado en la seccin del cuerpo. Para hacerlo, crea una etiqueta <h1>.
Ponle un encabezado a tu contenido. Puede ser cualquier cosa!
Cierra el elemento con una etiqueta de cierre </h1>. (Tu encabezado ahora debe estar en
medio de <h1> y </h1>.)
5) Debajo del encabezado, crea dos prrafos con el contenido que quieras.
Recuerda: los prrafos requieren etiquetas <p></p>!
<!DOCTYPE html>
<html>
<head>
<title>
Encabezados y Prrafos
</title>
</head>
<body>
<h1>Contenido principal</h1>
<p>Crea un encabezado en la
seccin del cuerpo. Para hacerlo, crea una
etiqueta, Ponle un encabezado a tu
contenido.<p>
<p>Cierra el elemento con una
etiqueta de cierre </h1>. (Tu encabezado
ahora debe estar en medio).<p>
</body>
</html>
HTML nos permite tener ms de un tamao de encabezado. Hay seis tamaos de encabezado:
<h1> es el jefe de todos y <h6> es un enclenque!
<h1> - El Presidente Ejecutivo
<h2> - El Vicepresidente Elegante
<h3> - El director de algo
<h4> - El de gerencia intermedia
<h5> - El humilde asistente
<h6> - El que les lleva caf a los dems
Usando todos los encabezados

Dado que en total son seis tamaos de encabezados, deberamos usarlos todos. (Incluso <h6>,
nuestro humilde practicante encabezado que lleva caf, necesita sentirse til.)
Instrucciones:
1) Aade encabezados ms al cdigo, haciendo uso de <h2>, <h3>, <h4>, <h5> y <h6>.
Asegrate de cerrar todas tus etiquetas!
2) Aade un prrafo corto debajo de cada encabezado. No olvides que los prrafos necesitan
etiquetas de inicio y de cierre <p></p>!
Aqu hay un resumen rpido de las cosas que hemos aprendido:
1) HTML se usa para dale estructura a los sitios web.
2) Abrimos los archivos HTML usando un navegador, y el navegador traduce el archivo (nos
lo muestra).
3) Los archivos HTML tienen una cabecera y un cuerpo (as como t tienes una cabeza y un
cuerpo!)
4) En la cabecera encontramos las etiquetas <title>, y las usamos para especificar el
nombre de la pgina web.
5) Cmo hacer encabezados y prrafos.
Instrucciones:
1) Aade un ttulo en medio de las etiquetas de ttulo.
2) Crea un encabezado de tamao <h3> en el cuerpo. Haz que tu encabezado diga lo que
quieras! (Pero no te olvides de cerrarlo.)
3) Crea tres prrafos y llnalos con contenido (p.ej, sobre carros, tu mascota, tu ciudad
favorita para ir de viajelo que quieras!)
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Aadiendo imgenes
Puedes aadir imgenes a tus sitios web para hacer que se vean fantsticos. Solamente
necesitas una etiqueta de imagen, como: <img>. Esta etiqueta es un poco diferente a las
dems. En vez de colocar el contenido en medio de las etiquetas, le dices a la etiquetas dnde
est la imagen, usando src.
Mira bien la etiqueta a la derechale aade a la pgina una imagen de un pato de goma! Ves
la direccin web (o URL, por localizador de recursos uniforme) despus de src=? Es
"http://bit.ly/PK1euu". Le dice a la etiqueta <img> de dnde obtener la imagen!
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<img
src="http://bit.ly/PK1euu"></img>
</body>
</html>
Es buena prctica poner texto alternativo a la imagen con el atributo alt.

<img src="casarural.jpg" alt="Los Tejos" />
Instrucciones:
1) Aade una segunda imagen debajo de la primera. (Asegrate de que sea antes de la
etiqueta de cierre de cuerpo!) Puedes escoger la imagen que quieras. Solamente busca
una imagen en lnea, y luego coloca la URL de esa imagen despus de src= (asegrate de
ponerla entre comillas, como se muestra).
Haz clic en esa imagen

Ahora ya sabes cmo aadir imgenes a tu sitio web. Pero, qu tal si quisieras darle clic a esa
imagen para que te llevara a algn otro sitio?
La etiqueta <a></a> es la que se usa para crear hipervnculos (o simplemente enlaces) en las
pginas web. stas son las palabras o imgenes en las que haces clic que te lleven a una nueva
pgina! Al igual que con <img>, <a> tiene un atributo que indica el enlace a donde vamos. En
lugar de src, <a> usa href, de esta manera:
<a href="http://www.elcomercioengz.com/sa2015">Semana acadmica Mantenimiento</a>
src significa "source" (fuente). Le dice al enlace <img> de dnde proviene la imagen!
href significa "hypertext reference" (referencia de hipertexto). el hipertexto (es decir, los enlaces)
es texto sobre el cual puedes hacer clic. Href le dice a ese enlace a dnde ir, el texto despus de
href es la direccin web, y el texto en medio de <a> y </a> es el texto sobre el que haces clic.
Instrucciones:
1) Aqu est cmo convertir una imagen en un enlace: coloca una etiqueta <a href="">
antes de tus etiquetas <img> y una etiqueta </a> despus de ellas. En medio de las
comillas despus de href=, escribe la direccin de tu sitio web favorito!
Imgenes y enlaces
Bien hecho! Cercirate de que entiendes las imgenes y los enlaces antes de continuar con el
repaso.
Instrucciones:
1) Aade dos imgenes en medio de las etiquetas de cuerpo. Una debe ser un enlace; la otra
no. El enlace puede conducir a cualquier sitio que quieras.
2) Despus de las dos imgenes, crea un enlace que simplemente sea una lnea de texto.
Puede conducir a cualquier sitio que quieras.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Ayuda:
Las imgenes funcionan de esta manera: <img src="URL del sitio web"></img>
Los enlaces funcionan as: <a href="URL del sitio web"></a>
Listas
Adems de organizar la informacin en un documento html, las listas son imprescindibles en
crear mens de navegacin en una pgina web. La lista se delimita con las directivas: <ul> ...
</ul> y <li> ... </li>. Cada punto que queramos aadir a la lista, lo haremos dentro de la
etiqueta <li> y su cierre.
Tablas
Las tablas vuelven a su funcin: presentar la informacin, especialmente numrica, desde la
introduccin de las hojas de calculo. El conjunto de una tabla se delimita de las directivas
<table> ... </table>. Cada tabla est compuesta por filas y celdas. Las filas se construyen con la
directiva <tr> y las celdas con la directiva <td>. Estas dos directivas no pueden existir una sin
otra. Trabajan siempre juntas aunque hay que definir una sola fila o celda.
<table>
<tr>
<td>Directivas</td><td>Atributos?</td><td>Directiva nueva?</td>
</tr>
<tr>
<td>aside</td><td>no</td><td>si</td>
</tr>
<tr>
<td>p</td><td>no</td><td>no</td>
</tr>
<tr>
<td>img</td><td>src</td><td>no</td>
</tr>
<tr>
<td>a</td><td>href</td><td>no</td>
</tr>
</table>
Copia y pega en un archivo nuevo de sublime text, guarda el archivo y visualiza en el navegador.
<!DOCTYPE HTML>
<html>
<head>
<title>Mi primera pagina web</title>
</head>
<body>
<h1>Aprender Html</h1>
<h2>El maravilloso mundo de Html5</h2>
<img src="Logo_Html5.png" />
<p>HTML 5 (HyperText Markup Language, versin 5) es la quinta revisin importante del
lenguaje bsico de la World Wide Web, HTML. </p>
<p>HTML 5 establece una serie de nuevos elementos y atributos que reflejan el uso tpico de los
sitios web modernos. Algunos de ellos son tcnicamente similares a las etiquetas <div> y
<span>, pero tienen un significado semntico, como por ejemplo <nav> (bloque de
navegacin del sitio web) y <footer>. Otros elementos proporcionan nuevas funcionalidades
a travs de una interfaz estandarizada, como los elementos <audio> y <video>.</p>
<ul>
<li>Nuevas directivas en Html5
<ul>
<li>article</li>
<li>aside</li>
<li>foter</li>
<li>nav</li>
<li>section</li>
</ul>
</li>
</ul>
<table>
<tr>
<td>Directivas</td><td>Atributos?</td><td>Directiva nueva?</td>
</tr>
<tr>
<td>aside</td><td>no</td><td>si</td>
</tr>
<tr>
<td>p</td><td>no</td><td>no</td>
</tr>
<tr>
<td>img</td><td>src</td><td>no</td>
</tr>
<tr>
<td>a</td><td>href</td><td>no</td>
</tr>
</table>
<p>Nota: Para informacion detallada sobre Html5, por favor visita la pagina web <a
href="http://www.showbizreal.com/">ShowbizReal</a>,
el
proyecto
<a
href="http://www.showbizreal.com/html5/">Html, simple y claro</a></p>
</body>
</html>
Ejercicios mdulo 1
Copia, pega en un archivo nuevo de sublime text, guarda y visualiza con un navegador.
Ejercicio A
<!DOCTYPE html>
<html>
<head>
<title>Result</title>
</head>
<body><h1>ME GUSTAN LOS SANDWICHES</h1>
<img src="http://bit.ly/RhrMEn" />
<p>Me gustan los huevos fritos.</p>
<p>Tengo hambre!</p>
<p>Pero ms los sandwiches.</p>
</body>
</html>
Ejercicio B
<a
href="http://www.google.es/"><http://www.digitaljournalist.org/images/google.jpg"
width="50" height="18" border="0"></a>
Ejercicio C
<a
href="http://wixusblogger.blogspot.com/"
src="http://4.bp.blogspot.com/_U8ODEZi-HMk/TORe_Nc0MI/AAAAAAAAAF0/VfQ9EeXp0aA/s1600/wixus_logo.png"/></a>
target="_blank"><img
Ejercicio D
< a href ="mailto:webmaster@html.it">Escribe a HTMLpoint</a>
Ejercicio E
<a name="marca en el mismo documento">
En el enlace desde el que quieres llegar al punto del nuevo documento, inserta la siguiente
sintaxis: <a href="#ancora">Visita HTMLpoint</a>

AMH-Guía Curso HTML5 v2

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

AMH-Guía Curso HTML5 v2

Cargado por

Copyright:

Formatos disponibles

Semana Acadmica 2015

=== Gua de apoyo ===

Instructor: Ing. Angel Mndez Hernndez

Cmo funciona la web?

Objetivo del curso

Requerimientos para este curso

Conocimientos bsicos de sistema operativo Windows.

Pc con sistema operativo Windows.

1.- Mdulo HTML5 bsico

Ejemplo de una pgina con HTML 4

Ejemplo de una pgina con HTML5

Estructura bsica HTML5

Prrafos en el cuerpo <body>

Pregntate a ti mismo: cul es el ttulo de esta pgina?

Usando todos los encabezados

Es buena prctica poner texto alternativo a la imagen con el atributo alt.

Haz clic en esa imagen

También podría gustarte