Guia HTML 2014

1 - Qu es HTML?
HTML es el lenguaje que se emplea para el desarrollo de pginas de internet.
Este lenguaje est constituido de elementos que el navegador interpreta y las

despliega en la pantalla de acuerdo a su objetivo. Veremos que hay elementos
para disponer imgenes sobre una pgina, hipervnculos que nos permiten
dirigirnos a otra pgina, listas, tablas para tabular datos, etc.
Para poder crear una pgina HTML se requiere un simple editor de texto (en
nuestro caso emplearemos este sitio) y un navegador de internet (IExplorer,
FireFox etc.), emplearemos el navegador que en este preciso momento est
utilizando (recuerde que usted est viendo en este preciso momento una
pgina HTML con su navegador).
Lo ms importante es que en cada concepto desarrolle los ejercicios

propuestos y modifique los que se presentan ya resueltos.
Este curso lo que busca es acercar el lenguaje HTML a una persona que nunca
antes trabaj con el mismo. No pretende mostrar todas los elementos HTML en
forma alfabtica.
Como veremos, de cada concepto se presenta una parte terica, en la que se

da una explicacin completa, luego se pasa a la seccin del ejercicio resuelto
donde podemos ver el contenido de la pgina HTML y cmo la visualiza el
navegador. Por ltimo y tal vez la seccin ms importante de este tutorial es
donde se propone que usted haga pginas en forma autnoma (donde
realmente podr darse cuenta si el concepto qued firme).
2 - Estructura interna de una pgina HTML.
Las instrucciones HTML estn encerradas entre los caracteres: < y >.
Muchos elementos HTML requieren una marca de comienzo y otra de
finalizacin. Todo aquello que est fuera de las marcas del lenguaje se imprime
en la pantalla (dentro del navegador).
La estructura bsica de una pgina HTML es:
______________________________________________________________
<html>
<head>
</head>
<body>
Cuerpo de la pgina.
</body>
</html>
_______________________________________________________________
Una pgina HTML es un archivo que generalmente tiene como extensin los
caracteres html. Por ejemplo podemos llamar a nuestra primer pgina con el
nombre: pagina1.html
Estos son los elementos bsicos que toda pgina HTML debe llevar.
Si observamos toda pgina comienza con la marca:<html> y finaliza con la

marca:</html>
Los fines de marcas tienen el mismo nombre que el comienzo de marca, ms el

caracter /
Una pgina HTML tiene dos secciones muy bien definidas que son la
cabecera:
<head>
</head>
Y el cuerpo de la pgina:
<body>
Cuerpo de la pgina.
</body>
Todo el texto que dispongamos dentro del <body> aparece dentro del
navegador tal cual lo hayamos escrito.
Todas las pginas tiene como mnimo esta estructura: cabecera y cuerpo.
Otra cosa importante es que el lenguaje HTML no es sensible a maysculas y

minsculas, es decir podemos escribirlo como ms nos guste, adems no
requiere que dispongamos cada marca en una lnea (podramos inclusive
escribir toda la pgina en una sola lnea! cosa que no conviene ya que somos
nosotros quienes tendremos que modificarla en algn momento).
Ahora puede ir a la seccin de problema resuelto y ver el ejemplo ejecutndose

en el navegador. Podr ver la pantalla dividida en tres partes: primero se
enuncia el problema, la segunda parte es el editor donde tipeamos la solucin
al problema (en este caso ya est resuelto por lo que aparece
automticamente) y la ltima seccin de la pantalla muestra la pgina
ejecutndose en el navegador.
Por ltimo deber resolver un problema, es decir confeccionar una pgina

HTML. Recomiendo tipear las marcas HTML para aprenderlas de memoria. No
es conveniente copiar y pegar. Cuando recuerde todas las marcas, podr
copiar y pegar trozos de pginas HTML para agilizar el desarrollo.
Ejercicio. Confeccionar una pgina que muestre los nombres de 5 lenguajes
de programacin separados por un guin.
<html>
<head>
</head>
<body>
PHP - Java - JavaScript - C - C++
</body>
</html>
Ejercicio propuesto. Confeccione una pgina con las marcas mnimas que
debe tener y en el cuerpo de la misma disponga su nombre y apellido.
_______________________________________________________________
<html>
<head>
</head>
<body>
Rodriguez Pablo
</body>
</html>
______________________________________________________________
3 - Salto de lnea 
Todo el texto que disponemos en el cuerpo de la pgina aparece en la misma

lnea, no importa si cuando tipeamos la pgina disponemos cada palabra en
una lnea distinta (es decir un navegador no tiene en cuenta la tecla ENTER).
Para indicarle al navegador que queremos que contine en la prxima lnea
debemos hacerlo con el elemento HTML .
Cuando aparece la marca el navegador continua con el texto en la lnea

siguiente. Es uno de los pocos elementos HTML que no tiene marca de cerrado
como habamos visto hasta ahora.
Implementemos una pgina que muestre los nombres de distintos lenguajes de

programacin uno por lnea:
_______________________________________________________________
<html>
<head>
</head>
<body>
PHP 
JavaScript 
Java 
C 
C++
</body>
</html>
_______________________________________________________________
Como vemos slo hemos agregado la marca cada vez que queremos
comenzar una lnea. Tengamos en cuenta que es indistinto si disponemos la
marca en la misma lnea o en la siguiente:
PHP 
es lo mismo:
PHP
 
Para recordar los nombres de los elementos HTML es bueno ver cual es la
palabra completa de la misma:
 viene de break
Ejercicio: Confeccionar una pgina HTML que muestre distintos lenguajes de

programacin, mostrarlos uno por lnea.
_______________________________________________________________
<html>
<head>
</head>
<body>
PHP 
JavaScript 
Java 
C 
C++
</body>
</html>
__________________________________________________________
Ejercicio Propuesto: Confeccionar una pgina HTML que muestre su nombre
y apellido y en la siguiente lnea los nombres de sus padres separados por un
guin.
<html>
<head></head>
<body>
Diego Rodriguez.
 
Ana - Eduardo
</body>
</html>

Guia HTML 2014

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Guia HTML 2014

Încărcat de

Drepturi de autor:

Formate disponibile

1 - Qu es HTML?

HTML es el lenguaje que se emplea para el desarrollo de pginas de internet.

Este lenguaje est constituido de elementos que el navegador interpreta y las

Lo ms importante es que en cada concepto desarrolle los ejercicios

Como veremos, de cada concepto se presenta una parte terica, en la que se

2 - Estructura interna de una pgina HTML.

La estructura bsica de una pgina HTML es:

Si observamos toda pgina comienza con la marca:<html> y finaliza con la

Los fines de marcas tienen el mismo nombre que el comienzo de marca, ms el

Otra cosa importante es que el lenguaje HTML no es sensible a maysculas y

Ahora puede ir a la seccin de problema resuelto y ver el ejemplo ejecutndose

Por ltimo deber resolver un problema, es decir confeccionar una pgina

PHP - Java - JavaScript - C - C++

3 - Salto de lnea <br>

Todo el texto que disponemos en el cuerpo de la pgina aparece en la misma

Cuando aparece la marca <br> el navegador continua con el texto en la lnea

Implementemos una pgina que muestre los nombres de distintos lenguajes de

<br> viene de break

Ejercicio: Confeccionar una pgina HTML que muestre distintos lenguajes de

S-ar putea să vă placă și