Taller CSS
6
Click here to load reader
-
Upload
joaquin-lara-sierra -
Category
Education
-
view
255 -
download
7
description
Diapositivas Taller CSS
Transcript of Taller CSS
Taller en Clase
<!DOCTYPE HTML> <!– En html5 solo usamos esta etiqueta Ok -->
<html>
<head><!– Inicia encabezado Ok -->
<title>Clase 27 de Marzo</title> ><!– Coloca el titulo del sitio -->
</head> ><!– Termina encabezado Ok -->
<body> > <!– Inicia el cuerpo del docuemnto html Ok -->
<p> Hola </p>
</body> ><!– Termina el documento html Ok -->
</html>
Iniciando el documento
<body bgcolor="#A9F5A9">
<hgroup>
<h1 align="center">Taller en Clase de DisWeb</h1>
<h2 align="center">Estudiantes de Tesis Primer Semestre</h2>
</hgroup>
<hr>
<p> Menu aqui </p>
<hr>
</body> Cuerpo del Documento htmlH1 y h2 - hgroup – hr - p
<hgroup>
<nav>
<button>Menu</button>
<button><a href="https://www.google.com.co" target="blank">Buscador</a></button>
<button><a href="https://www.wikipedia.org" target="blank">La Wiki</a></button>
<button><a href="https://login.live.com/" target="blank">OutLook</a></button>
<button><a href="https://www.facebook.com/">FaceBook</a></button>
</nav>
</hgroup>
Creando un menú
<section>
<article>
<header>
<h1>Articulo #1</h1>
</header>
<section>
<mark>Este es mi Primer Articulo</mark>
</section>
</article>
<article>
<header>
<h1>Articulo #2</h1>
</header>
<section>
<mark>Este es el segundo artículo. Estos artículos pueden ser secciones del blog, etc.</mark>
</section>
</article>
</section><hr />
Creando secciones
<section>
<img src="valores1.jpg" />
</section><hr />
<div>
<section>
<video autoplay="" width="250" height="200" controls>
<source src="vico.mp4" type "video/mp4">
</video>
</section><hr />
<audio controls>
<source src="Nothing.mp3" type="audio/mpeg">
Su navegador no soporta esta etiqueta ... JLS.
</audio>
</div>
<h3>Ahora te toca a ti</h3>
