Puntos a Tocar
1. ¿Que es y para que sirve?
2. ¿Que tan complejo es?
3. Elementos de HTML y su Estructura
4. Mi Primer Archivo .HTML
1. ¿Que es y para que sirve?
Si quieres aprender del que hacer de como realizar paginas web, estas en la puerta de San Pedro mi amigo. Comencemos especificando que es y para que se utiliza el HTML.
HTML es el lenguaje predominante en la internet para la construcción de páginas web. En estos archivos se puede insertar texto, imagenes, video, audio, objetos de tipo Flash.
2.¿Que tan complejo es?
Es totalmente sencillo y su sintaxis es bastante básica.A continuacion presentamos como se componen estos archivos.
3. Elementos de HTML y su Estructura:
Existen 2 tipos de elementos en html y son las etiquetas y los atributos
Las etiquetas: nos sirven para definir que caracteristicas tendrá aquello que estamos colocando dentro de ellas. Las etiquetas son simples y faciles de usar. A continuacion se presenta la sintaxis de las etiquetas:
Sintaxis Etiquetas
<etiqueta> Aqui va el Contenido </etiqueta>
Bien como podemos ver las etiquetas aparecen entre corchetes angulares (<>), y por lo general se usa una etiqueta de apertura
Con esto, lo que se quiere decir es que hay etiquetas que necesitan de apertura y cierre y otras que necesitan que se coloque SOLO la de apertura
Detalles a tomar en cuenta:
- Las etiquetas se pueden concatenar, solo hay que tomar en cuenta que se mantenga una concordancia con respecto a quien esta dentro de quien.
- <b> <i> contenido </i> </b> CORRECTO
- <b> <i> contenido </b></i> INCORRECTO
- Evite los espacios en blanco entre los corchetes angulares y el nombre de la etiqueta, dado que puede ser que en algunos navegadores, puede que no se reconozca la etiqueta
- <b> <i> contenido </i> </b> CORRECTO
- <b > < i> contenido </i > </ b> INCORRECTO
- <b > < i>contenido < /i> </b > INCORRECTO
- Aunque se pueden escribir los nombres de las etiquetas en mayuscula o minuscula o combinaciones de ambas, Es RECOMENDABLE por convencion general que las etiquetas se mantengan con letras mayusculas.
- <B>contenido</B>
Los Atributos: Cada etiqueta tiene un conjunto de atributos que son propios, estos son usados para manipular ciertas caracteristicas que pueden poseer dichas etiquetas. Por ejemplo, la etiqueta <P> sirve para describir que lo que esta dentro de el es un parrafo.
Ejemplo:
<P ALING="CENTER">Esto es un parrafo, donde uno de sus atributos es ALIGN</P>
La sintaxis de los atributos se describe a continuación:
Se coloca el nombre del atributo en mayuscula y luego se coloca el = para asignarle uno de los valores predeterminados por HTML a ese atributo. Es recomendable realizar el uso de las comilla "".
4. Mi Primer Archivo .HTML
<HTML>
<HEAD>
<TITLE>ESTE TITULO ES EL QUE APARECE EN LA BARRA DEL NAVEGADOR.</TITLE></HEAD>
<BODY>
Este es mi primer documento html.
</BODY>
</HTML>
Lo que estan viendo codificado en este momento, es la estructura general de un archivo HTML.
En donde las etiquetas, HTML,HEAD y BODY conforman el esqueleto de lo que es el archivo.
Ahora veamos que significa cada etiqueta.
HTML: especifica que el documento es un documento de tipo HTML.
HEAD: en el head se especifica informacion relacionada con el archivo html, en este caso utilizamos la etiqueta TITLE, que nos proporciona el nombre del documento que podrán ver las personas al ver el archivo por un navegador.
BODY: en esta etiqueta vamos a colocar todo el contenido que queremos en el archivo, texto, imagenes, archivos animados, videos.
TITLE: Nos especifica el titulo del archivo que las personas van a ver via navegador.
Bien ahora para ver tu primer documento presiona aqui.
-