<!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.
viernes, 7 de junio de 2013
Editores de textos
1. Quackit Online HTML Editor: Codifique tanto como pueda y vea los resultados al hacer clic en ‘source‘.
2. Real-Time HTML Editor: No hay más la necesidad de estar cambiando ventanas para ver el efecto de la edición de su HTML.
3. Online HTML Editor: Vea de manera anticipada cómo se vería su sitio web en realidad.
4. Amy Editor: Un editor HMTL sencillo que soporta Ruby, Python, Texy!, PHP y otros.
5. Tiny MCE: Uno de los recursos favoritos de los desarrolladores y diseñadores web en el mundo.
6. Ajax.org Cloud9 Editor: Javascript fácil de poner en tu sitio y sucesor del Mozilla Skywriter (Bespin) Project.
7. HTML Instant: Un editor HTML en tiempo real!
8. HTML Editor: Escriba lo que quiera y obtenga la fuente HTML.
9. WYSIWYG HTML Editor: Para templates en eBay Auction
10. Online – HTML – Editor: Top rated HTML Editor por Web Hosting Search.
11. Sublime Text.
12. Bloc de notas.
2. Real-Time HTML Editor: No hay más la necesidad de estar cambiando ventanas para ver el efecto de la edición de su HTML.
3. Online HTML Editor: Vea de manera anticipada cómo se vería su sitio web en realidad.
4. Amy Editor: Un editor HMTL sencillo que soporta Ruby, Python, Texy!, PHP y otros.
5. Tiny MCE: Uno de los recursos favoritos de los desarrolladores y diseñadores web en el mundo.
6. Ajax.org Cloud9 Editor: Javascript fácil de poner en tu sitio y sucesor del Mozilla Skywriter (Bespin) Project.
7. HTML Instant: Un editor HTML en tiempo real!
8. HTML Editor: Escriba lo que quiera y obtenga la fuente HTML.
9. WYSIWYG HTML Editor: Para templates en eBay Auction
10. Online – HTML – Editor: Top rated HTML Editor por Web Hosting Search.
11. Sublime Text.
12. Bloc de notas.
Lo Primero
Pasos:
Primero crea una Carpeta en tu Disco local C:
Ponle un nombre corto, y con significado.
Dentro de esa carpeta haz varias como las que muestro a continuación:
Introducción
Se puede hacer una página web sin aprender HTML, pero en cierto momento tendrás problemas, sin importar el tipo de programa en que desarrolles la Página Web, y se te vendrá a la mente, "era cierto debo saber HTML". Hay muchos lugares en los que aprender HTML, sin dudar desde Google al lanzar una busqueda de cursos o manuales te saldrá una lista grnade de opciones. Este Blog te enseñará los pasos
básicos para crear un sitio web con HTML y más. ¡Comencemos desde cero!
Suscribirse a:
Comentarios (Atom)