Html

Solo disponible en BuenasTareas
  • Páginas : 5 (1221 palabras )
  • Descarga(s) : 0
  • Publicado : 16 de agosto de 2012
Leer documento completo
Vista previa del texto
HTML
Las instrucciones HTML están encerradas entre los caracteres: < y >.
Muchos elementos HTML requieren una marca de comienzo y otra de finalización. Todo aquello que está fuera de las marcas del lenguaje se imprime en la pantalla (dentro del navegador).
La estructura básica de una página HTML es:
<html>
<head>
</head>
<body>
</body>
</html>Una página HTML es un archivo que generalmente tiene como extensión los caracteres html. Por ejemplo podemos llamar a nuestra primer página con el nombre: pagina1.html
Durante este curso no necesitará utilizar otra herramienta más que este sitio. Veremos que contamos con una ventana donde tipeará la página y en otra verá los resultados que genera el navegador. No significa que no pueda hacerse unacopia de los ejercicios que desarrolla y almacenarlos en su computadora.
Estos son los elementos básicos que toda página HTML debe llevar.
Si observamos toda página comienza con la marca:<html> y finaliza con la marca:</html>
Los fines de marcas tienen el mismo nombre que el comienzo de marca, más el caracter /
Una página HTML tiene dos secciones muy bien definidas que son lacabecera:
<head>
</head>
Cuerpo de la página:
<body>
</body>

Todo el texto que dispongamos dentro del <body> aparece dentro del navegador tal cual lo hayamos escrito.
Todas las páginas tiene como mínimo esta estructura: cabecera y cuerpo.
Otra cosa importante es que el lenguaje HTML no es sensible a mayúsculas y minúsculas, es decir podemos escribirlo como másnos guste, además no requiere que dispongamos cada marca en una línea (podríamos inclusive escribir toda la página en una sola línea! cosa que no conviene ya que somos nosotros quienes tendremos que modificarla en algún momento).

Ahora puede ir a la sección de problema resuelto y ver el ejemplo ejecutándose en el navegador. Podrá ver la pantalla dividida en tres partes: primero se enuncia elproblema, la segunda parte es el editor donde tipeamos la solución al problema (en este caso ya está resuelto por lo que aparece automáticamente) y la última sección de la pantalla muestra la página ejecutándose en el navegador.
Por último deberá resolver un problema, es decir confeccionar una página HTML. Recomiendo tipear las marcas HTML para aprenderlas de memoria. No es conveniente copiar ypegar. Cuando recuerde todas las marcas, podrá copiar y pegar trozos de páginas HTML para agilizar el desarrollo.

Salto de Linea <br>
Todo el texto que disponemos en el cuerpo de la página aparece en la misma línea, no importa si cuando tipeamos la página disponemos cada palabra en una línea distinta (es decir un navegador no tiene en cuenta la tecla ENTER).
Para indicarle al navegador quequeremos que continúe en la próxima línea debemos hacerlo con el elemento HTML <br>.
Cuando aparece la marca <br> el navegador continua con el texto en la línea siguiente. Es uno de los pocos elementos HTML que no tiene marca de cerrado como habíamos visto hasta ahora.

Parrafo <p>
Un párrafo es una oración o conjunto de oraciones referentes a un mismo tema. Todo lo queencerremos entre las marcas <p> y </p> aparecerá separado por un espacio con respecto al próximo párrafo.
Dentro de un párrafo puede haber saltos de línea <br>.

Titulos <h1><h2><h3><h4>
Otros elementos HTML muy utilizados son para indicar los títulos, para esto contamos con los elementos:
<h1><h2><h3><h4><h5><h6>
Eltítulo de mayor nivel es <h1>, es decir el que tienen una fuente mayor (veremos que es el navegador el responsable de definir el tamaño de la fuente, más adelante podrá ver que uno puede modificar la fuente, tamaño, color etc.)
Según la importancia del título utilizaremos alguno de estos elementos HTML. Requiere la marca de cerrado del título con la barra invertida como hemos visto....
tracking img