sábado, 30 de noviembre de 2013

Herramientas (HTML, Bloc de Notas)


El editor de texto más simple que podamos encontrar en sistemas windows-BLOC DE NOTAS


El Block de notas de windows es la herramienta más adecuada para comenzar la aventura como diseñador de páginas web. Esto es por dos razones:
  • Utiliza el juego de caracteres internacional más adecuado para los archivos HTML.
  • Aprender bien el lenguaje HTML es imprescindible para convertirse en un experto diseñador de webs y el Block de notas es una herramienta que no te permite diseñar páginas si no es escribiendo tu mismo hasta la última etiqueta de HTML.
Estructura
Esta es la estructura básica para poder crear páginas. Dentro de todo esto va el contenido de nuestra página que al final le dará forma.
<HTML>
   <HEAD>
           <TITLE> TEXTO </TITLE>
   </HEAD>
   <BODY>
   </BODY>
</HTML>



Etiquetas 
<center> texto </center>...................Centra el texto encerrado en la etiqueta
<br>.....................Provoca un espacio (como el enter en word). no tiene etiqueta de cierre
<hr>.................... Crea una linea horizontal en el lugar donde se ubique la etiqueta . No tiene etiqueta de cierre.
<b> texto </b> ................ Pone las letras negritas.
<i> texto </i>............... Pone las letras en cursivas.
<a> texto </a>.................Crea hipervinculos.
Ej.: <a href="taringa.com"> T! </t>
<font> texto </font> ...........
Tipo, tamaño y color de la letra. ej.: <font face="tipo de letra" size="tamaño" color="color en ingles">
<marquee> texto </marque>.......... Crea una barra de color con texto que se mueve.
Ej.: <marquee bgcolor="blue"> T! </marquee>
<body background="imagen.jpg">.......
Pone una imagen de fondo. La imagen debe estar en la misma carpeta que la página web. En donde dice jpg puede ir gif o bmp (depende del fomato de la imagen)
<img src="imagen.jpg" alt="descripcion de la imagen" align="left, right, center"....... Pone una imagen en el texto. No necesita etiqueta de cierre. 


 
Referencias

Alvarez, Miguel Angel. Bloc de Notas.http://www.desarrolloweb.com/articulos/327.php 
Cómo crear páginas web con Bloc de Notas. http://www.taringa.net/posts/hazlo-tu-mismo/11461501/Como-crear-paginas-web-con-block-de-notas.html  

No hay comentarios:

Publicar un comentario