viernes, 12 de febrero de 2016

Html5 - 10. Mark

En esta entrada introduzco la etiqueta "mark", nos servira para resaltar textos.
Para ver un ejemplo, retomamos la plantilla web que hemos creado en los apartados anteriores, modificando el "article" principal:


<!DOCTYPE html>
<html>

<head>
<meta charset='utf-8'>
<link rel="stylesheet" href="hojadeestilo.css">
<title>Mark</title>
</head>
<body>
<header>
<h1>Etiqueta mark</h1>
<figure><img src="milogo.jpeg"/></figure>
</header>

<nav>
<ul>
<li><a href="index.html">Inicio</a></li>
<li><a href="acercade.html">Acerca de</a></li>
</ul>
</nav>
<section>
<article>
<hgroup>
<h1>Resaltado con etiqueta MARK</h1>
<h2>practica</h2>
</hgroup>
<p>Bienvenidos a mi <mark>Web</mark></p>
</article>

</section>

<aside>
<h1>Siguenos en:</h1>
<ul>
<li><a href="facebook.html">Facebook</a>
</li>
<li><a href="twitter.html">Twitter</a></li>
</ul>
</aside>
<footer>

<p>Pagina creada por Ticoticotaa @2016</p>

<ul>
<li><a href="contacto.html">Contacto</a>
</li>
<li><a href="mapaweb.html">Mapa Web</a></li>
</ul>
</footer>
</body>
</html>
Dentro del parrafo "p" ponemos la etiqueta "mark" y entre medio de esta y su cierre la palabra que queramos resaltar.

No hay comentarios:

Publicar un comentario