<!DOCTYPE html>
<html>
<head>
<title>Ejercicio 0</title>
<style>
div {
width:60%;
border:3px dotted #00F;
margin:auto;
margin-top:2%;
}
pre {
padding:25px;
border:2px solid black;
width:180px;
}
p {
width:300px;
border:#009900 double;
background-color:#FFC;
padding:5%;
}
q {
border: 1px solid black;
margin-bottom: 35px;
}
</style>
</head>
<body>
<div>
<div>Parrafo con 60% de ancho y borde punteado</div>
<pre>abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
</pre>
<q>Lo de debajo es un párrafo con 300 px de ancho, relleno 5%, fondo y border doble con estilo en linea</q>
<p>
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
abcd abcde abcdef abcdefg
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>HTML 5 y CSS 3</title>
<style>
body {
margin: 10px 10%;
background-color: lightgray;
text-align: justify;
}
h1 {
text-align: center;
}
h2 {
padding: 10px 10px;
background-color: gray;
color: white;
}
p {
margin-left: 10%;
margin-right: 10%;
}
strong {
background-color: white;
}
em {
color: red;
}
</style>
</head>
<body>
<h1>HTML 5 y CSS 3</h1>
<h2>HTML 5</h2>
<p>HTML 5 (<strong>HyperText Markup Language, versión 5</strong>) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: una «clásica», HTML (text/html), conocida como HTML5, y una variante XHTML conocida como sintaxis XHTML 5 que deberá servirse con sintaxis XML (application/xhtml+xml).12 Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. La versión definitiva de la quinta revisión del estándar se publicó en <em>octubre de 2014</em>.</p>
<p>Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se recomienda al usuario común actualizar su navegador a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML 5.</p>
<h2>CSS 3</h2>
<p>CSS (siglas en inglés de <strong>Cascading Style Sheets</strong>), en español «<em>Hojas de estilo en cascada</em>», es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Es muy usado para establecer el diseño visual de los documentos web, e interfaces de usuario escritas en HTML o XHTML; el lenguaje puede ser aplicado a cualquier documento XML, incluyendo XHTML, SVG, XUL, RSS, etcétera. Te puede ayudar a crear tu propio sitio web. Junto con HTML y JavaScript, CSS es una tecnología usada por muchos sitios web para crear páginas visualmente atractivas, interfaces de usuario para aplicaciones web y GUIs para muchas aplicaciones móviles (como Firefox OS).</p>
<p>Esta información forma parte del curso de la <a href="www.google.com">Fundación EDE</a> (obtenido de la Wikipedia)</p>
</body>
</html>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Bordes, márgenes y rellenos</title>
<style>
body {
background-color: hsl(154, 50%, 30%);
}
h1 {
color: white;
text-align: left;
}
p {
text-align: justify;
}
p.empiece {
border: black 10px solid;
border-radius: 30px;
margin-left: 25%;
margin-right: 25%;
padding: 20px;
background-color: white;
}
p.estilo1 {
border: 20px solid hsl(17, 100%, 25%);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
margin-right: 50%;
padding: 10px;
background-color: brown;
color: white;
}
p.estilo2 {
border: 15px solid hsl(34, 100%, 25%);
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
margin-left: 50%;
padding: 5px;
background-color: blue;
color: white;
}
p.estilo3 {
border: 5px dashed hsl(207, 50%, 45%);
margin-left: 25%;
margin-right: 25%;
padding: 20px;
background-color: green;
color: white;
}
</style>
</head>
<body>
<h1>Clase EDE</h1>
<p class="empiece">HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML..</p>
<p class="estilo1">HTML5 especifica dos variantes de sintaxis para HTML: una «clásica», HTML (text/html), conocida como HTML5, y una variante XHTML conocida como sintaxis XHTML 5 que deberá servirse con sintaxis XML.</p>
<p class="estilo2">Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. La versión definitiva de la quinta revisión del estándar se publicó en octubre de 2014.</p>
<p class="estilo3">Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se recomienda al usuario común actualizar su navegador a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML 5.</p>
<p class="estilo1">CSS (siglas en inglés de Cascading Style Sheets), en español «Hojas de estilo en cascada», es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado.</p>
<p class="estilo2">Es muy usado para establecer el diseño visual de los documentos web, e interfaces de usuario escritas en HTML o XHTML.</p>
<p class="estilo3">Te puede ayudar a crear tu propio sitio web. Junto con HTML y JavaScript, CSS es una tecnología usada por muchos sitios web para crear páginas visualmente atractivas, interfaces de usuario para aplicaciones web y GUIs para muchas aplicaciones móviles.</p>
</body>
</html>
No hay comentarios:
Publicar un comentario