<!doctype html>
<html>
<head>
<title>Ejemplo 2 - Comandos básicos</title>
</head>
<body>
<center><h1>Comandos básicos</h1></center>
<!-- este documento contiene todo lo que he aprendido hasta ahora sobre html -->
<h2>Párrafos</h2>
<p>este es mi primer párrafo del ejemplo 2</p>
<p>este es mi segundo parráfo. aquí hay una ruptura de línea<br>de texto</p>
<hr>
<h2>Listas</h2>
<h3>Ordenadas</h3>
<p>la <font size="+1"><i>musica</i></font> que mas me gusta es <i> (en orden de preferencia): </i></p>
<ol>
<li>el rock</li>
<li>el jazz <!-- la marca li no necesita de la etiqueta de cierre -->
<li>la musica clasica
</ol>
<h3>Desordenadas</h3>
<p>sin un orden particular, mis <font color="green"><b> aficiones </b></font> son las siguientes:</p>
<ul>
<li>el cine
<li>el deporte
<li>natacion
<li>baloncesto
</ul>
<h2>De definición</h2>
<dl>
<dt>descripcion</dt>
<dd>es nombrar las propiedades de algo
<dt>lista descriptiva</dt>
<dd>es nombrar las propiedades de varios objetos
</dl>
<hr>
<center>también sabemos centrar el texto</center>
<pre> y escribir preformateado </pre>
miércoles, 31 de julio de 2013
viernes, 26 de julio de 2013
Estilo en Cascada
CSS son las siglas de Cascading Style Sheets - Hojas de Estilo
en Cascada - que es un lenguaje que describe la presentación de los
documentos estructurados en hojas de estilo para aplicar un formato a varias páginas que sean del mismo sitio.
La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style>".
La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "<style>".
Colocar imagen
<!doctype html>
<html>
<head>
<title>3ero tecnico</title>
</head>
<body>
<div id="contenedor" align=center borde>
<h1>PAGINA DE MUESTRAS</h1>
<h2>Clases para el 3ero Tecnico</h2>
</div>
<div align=center>
<p>Los pinguinos de madagascar, eso si es amistad</p>
<img src="imagenes/Penguins.jpg" width="50%"/>
</div>
</body>
</html>
Copie este código en el bloc de notas, dele este nombre al archivo index.html y guardelo en la página que creó.
<html>
<head>
<title>3ero tecnico</title>
</head>
<body>
<div id="contenedor" align=center borde>
<h1>PAGINA DE MUESTRAS</h1>
<h2>Clases para el 3ero Tecnico</h2>
</div>
<div align=center>
<p>Los pinguinos de madagascar, eso si es amistad</p>
<img src="imagenes/Penguins.jpg" width="50%"/>
</div>
</body>
</html>
Copie este código en el bloc de notas, dele este nombre al archivo index.html y guardelo en la página que creó.
En mi caso la carpeta es "uegead" y vemos el archivo index, con el icono de Mozilla Firefox para ejecutarlo en el navegador, y si quiero modificarlo con el botón abrir seleccionaré bloc de notas.
Suscribirse a:
Comentarios (Atom)