HTML5 CSS3
HTML5 Propone estándares para cada aspecto de la Web
y también un propósito claro para cada una de las tecnologías involucradas, es
decir cada elemento de HTML ya tiene un uso predefinido facilitando tanto a los
motores de búsqueda como a los desarrolladores su utilización y la
implementación adecuada.
CSS se concentra en como volver la estructura
utilizable y atractiva a la vista, provee los estilos a través de un conjunto
de reglas existentes.
<!DOCTYPE html>
<html>
<head>
<title>Pagina </title>
<meta charset="UTF-8">
<style>
h1 {color:#ff0000;background-color:#ffff00}
h2 {color:#ff0000}
h3 {color:#00ff00}
h4 {color:#0000ff}
h5 {
font-family:times new roman;
font-size:30px;
font-style:italic;
font-weight:bold;
}
h6 {
font-family:verdana;
font-size:20px;
}
</style>
</head>
<header>
<center>
<! <img src="banner.jpg">
<H1> VA UNTITULO GRANDE ÑÑÑÑÑÑÑ </H1>
</center>
</header>
<body>
<body style="background-color:#ff0000;">
<h1>Primer título</h1>
<h1>Segundo título</h1>
<h1>Tercero título</h1>
<h1>Cuarto título</h1>
<h2>quinto título</h2>
<h3>sexto título</h3>
<h4>sexto título</h4>
<h5> en times new roman 30 otro título</h5>
<h6> en verdana 20 otro título</h6>
<h6>
Blanco: #ffffff
Negro: #000000 (ceros)
Rojo: #ff0000
Azul: #0000ff
Verde: #00ff00
Amarillo: #ffff00
</h6>
á
é
í
ó
ú
ñ
<center>
<ul>
<li>Un elemento de lista</li>
<li>Otro elemento de lista</li>
</ul>
</center>
<ol>
<li>Primer elemento de lista</li>
<li>Segundo elemento de lista</li>
<li>tercer elemento de lista</li>
</ol>
<center>
<footer width="850">
<hr width="650">
NOMBRES APELLIDOS-
COLPRES BGA-
2.017
<hr width="650">
</footer>
</center>
</body>
</html>
ANALIZA - PAG02.HTML:
<!DOCTYPE html>
<html>
<head>
<! <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta charset="UTF-8">
<title>EL BALONCESTO :) </title>
</head>
<header>
<center>
<img src="banner.jpg">
<H1> VA UNTITULO GRANDE </H1>
</header>
<center>
<table width="850" height="30" background="menu.jpg">
<td style="text-align:center;"><b><a href="index.html">INICIO</a></b></td>
<td style="text-align:center;"><b><a href="reseña.html">HISTORIA</a></b></td>
<td style="text-align:center;"><b><a href="reglas.html">REGLAS</a></b></td>
<td style="text-align:center;"><b><a href="mejores.html">MEJORES</a></b></td>
<td style="text-align:center;"><b><a href="videos.html">VIDEOS</a></b></td>
</table>
</center>
</center>
<body>
<body background="fondo.jpg" no-repeat>
<center>
<table width="850" bgcolor=#ffffff>
<tr>
<td>
<img src="img.jpg" width="530">
</td>
<td>
<ul>
<li type="circle"> Viñeta: Esto es un tipo de punto.</li>
<li type="square"> Viñeta: Este es otro.</li>
<li type="disc"> Viñeta: este es otro diferente.</li>
</ul>
</td>
</tr>
</table>
<br><br>
<table width="850" bgcolor=#ffffff>
<td>
<h3>Historia...</h3>
Este deporte .................. <a href="reseña.html">Ver más...</a><br>
<h3>Reglas...</h3>
Mas comentarios ...................... <a href="reglas.html">Ver más...</a>
</td>
</table>
<br><br>
<footer width="850">
<hr width="650">
NOMBRES APELLIDOS-
COLPRES BGA-
2.017
<hr width="650">
</footer>
</center>
</center>
</body>
</html>
Analizar las marcas o comandos relacionados con las TABLAS:
LEE y ANALIZA
PAG01.HTML
PAG01.HTML
<!DOCTYPE html>
<html>
<head>
<title>Pagina </title>
<meta charset="UTF-8">
<style>
h1 {color:#ff0000;background-color:#ffff00}
h2 {color:#ff0000}
h3 {color:#00ff00}
h4 {color:#0000ff}
h5 {
font-family:times new roman;
font-size:30px;
font-style:italic;
font-weight:bold;
}
h6 {
font-family:verdana;
font-size:20px;
}
</style>
</head>
<header>
<center>
<! <img src="banner.jpg">
<H1> VA UNTITULO GRANDE ÑÑÑÑÑÑÑ </H1>
</center>
</header>
<body>
<body style="background-color:#ff0000;">
<h1>Primer título</h1>
<h1>Segundo título</h1>
<h1>Tercero título</h1>
<h1>Cuarto título</h1>
<h2>quinto título</h2>
<h3>sexto título</h3>
<h4>sexto título</h4>
<h5> en times new roman 30 otro título</h5>
<h6> en verdana 20 otro título</h6>
<h6>
Blanco: #ffffff
Negro: #000000 (ceros)
Rojo: #ff0000
Azul: #0000ff
Verde: #00ff00
Amarillo: #ffff00
</h6>
á
é
í
ó
ú
ñ
<center>
<ul>
<li>Un elemento de lista</li>
<li>Otro elemento de lista</li>
</ul>
</center>
<ol>
<li>Primer elemento de lista</li>
<li>Segundo elemento de lista</li>
<li>tercer elemento de lista</li>
</ol>
<center>
<footer width="850">
<hr width="650">
NOMBRES APELLIDOS-
COLPRES BGA-
2.017
<hr width="650">
</footer>
</center>
</body>
</html>
ANALIZA - PAG02.HTML:
<!DOCTYPE html>
<html>
<head>
<! <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta charset="UTF-8">
<title>EL BALONCESTO :) </title>
</head>
<header>
<center>
<img src="banner.jpg">
<H1> VA UNTITULO GRANDE </H1>
</header>
<center>
<table width="850" height="30" background="menu.jpg">
<td style="text-align:center;"><b><a href="index.html">INICIO</a></b></td>
<td style="text-align:center;"><b><a href="reseña.html">HISTORIA</a></b></td>
<td style="text-align:center;"><b><a href="reglas.html">REGLAS</a></b></td>
<td style="text-align:center;"><b><a href="mejores.html">MEJORES</a></b></td>
<td style="text-align:center;"><b><a href="videos.html">VIDEOS</a></b></td>
</table>
</center>
</center>
<body>
<body background="fondo.jpg" no-repeat>
<center>
<table width="850" bgcolor=#ffffff>
<tr>
<td>
<img src="img.jpg" width="530">
</td>
<td>
<ul>
<li type="circle"> Viñeta: Esto es un tipo de punto.</li>
<li type="square"> Viñeta: Este es otro.</li>
<li type="disc"> Viñeta: este es otro diferente.</li>
</ul>
</td>
</tr>
</table>
<br><br>
<table width="850" bgcolor=#ffffff>
<td>
<h3>Historia...</h3>
Este deporte .................. <a href="reseña.html">Ver más...</a><br>
<h3>Reglas...</h3>
Mas comentarios ...................... <a href="reglas.html">Ver más...</a>
</td>
</table>
<br><br>
<footer width="850">
<hr width="650">
NOMBRES APELLIDOS-
COLPRES BGA-
2.017
<hr width="650">
</footer>
</center>
</center>
</body>
</html>
Analizar las marcas o comandos relacionados con las TABLAS:
