HTML
¿Qué es HTML?
“HTML es un lenguaje de programación
que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas
que corresponden a Hipertexto Markup Language, es decir, Lenguaje de
Marcas de Hipertexto”.
No obstante, este tipo de definiciones
no nos dice mucho porque la definición es técnica. Para algunas personas al
leer esto, piensan que HTML incluye el diseño gráfico de las páginas web, sin
embargo, eso no es cierto ya que HTML sólo sirve para indicar como va ordenado
el contenido de una página web. Esto lo hace por medio de las marcas de
hipertexto las cuales son etiquetas conocidas en inglés como tags.
Hasta el momento ya tenemos una idea
sobre lo que hace HTML pero aún no sabemos cómo funcionan las etiquetas. Para
esto vamos a imaginar que tienen que hacer un ensayo sobre algún tema,
consideraremos que el ensayo será nuestra página web y la manera en la que va
ordenado un ensayo es por un título, la introducción, el desarrollo y la
conclusión, si se tiene en cuenta que esto nos dice cómo debe ir nuestro ensayo
podemos considerar que éstas serían las etiquetas porque nos dicen la
estructura que lleva, es decir, la forma en que se acomoda el texto en nuestro
ensayo. Cabe mencionar que las etiquetas no sólo sirven para ordenar nuestro
contenido sino que ayudan a los buscadores como Google, Yahoo search y muchos
otros a encontrar la información por medio de las etiquetas."
Elemento de HTML
Los documentos HTML
estan compuestos por elementos, estos a su vez por etiquetas, atributos y el
contenido del elemento:
<p
class="texto">Soy un texto dummy</p>
Este es un elemento
de párrafo, <p> viene de paragraph. Todas los elementos tienen
como inicial sus nombres en ingles.
Una pagina HTML completa
<head>
<title>Barra de titulo</title>
</head>
<body>
<!-- este es un texto comentado -->
<h1>Bienvenido a mi pagina</h1>
<p class="texto">Soy un texto dummy</p>
</body>
</html>
Continuando con este
tutorial abre el editor de textos que prefieras (bloc de notas, notepad++, etc)
y escribe el siguiente código:
Luego guárdalo con
extensión continué html, lo abres con el navegador de tu preferencia y
deberías de ver algo así:
Explicación
1. La definición del
tipo de documento: <!DOCTYPE html>
Define el tipo de
documento, siempre debe de ir en las primeras líneas de código.
2. Elemento
raíz: <html></html>
Elemento raíz, que
dependen de todos los elementos visibles de la pagina web, dentro de ellas
tenemos el <head> y <body>.
3.
Cabeza: <head></head>
El head contiene
datos propios del documento, aunque es invisible la información que va en el
head influye a la pagina, aquí es donde va la
etiqueta <title></title> que es lo que muestra la barra
de titulo, también es aquí donde se incluyen los archivos CSS y Javascript.
4. El contenido de la
pagina web: <body></body>
Dentro de este
elemento <body> se encuentra todo lo visible de la pagina web.
5. El titulo de la
pagina dentro del body: <h1></h1>
h1 significa Heading
1 y es el elemento mas crucial para el correcto posicionamiento web.
6. Por ultimo el
parrafo: <p></p>
El elemento paragraph sirve para contener párrafos.
TABLA DE HTML Y SUS
CARACTERÍSTICAS
PASOS A SEGUIR PARA REALIZAR LA TABLA:
<table align="center"
cellspacing="2" cellpadding="2" border="1"
bgcolor=dddddd>
<tr>
<td colspan="4" align="center"
bgcolor="666666"><font
color="#FFFFFF"><strong>Animales en peligro de
extinción</strong></font></td>
</tr>
<tr bgcolor="aaaaaa">
<td>Nombre</td>
<td align="center">Cabezas</td>
<td align="center">Previsión 2010</td>
<td align="center">Previsión 2020</td>
</tr>
<tr>
<td>Ballena</td>
<td align="center">6000</td>
<td align="center">4000</td>
<td align="center">1500</td>
</tr>
<tr>
<td>Oso Pardo</td>
<td align="center">50</td>
<td rowspan="2" colspan="2"
align="center" bgcolor="red">0</td>
</tr>
<tr>
<td>Lince</td>
<td
align="center">10</td>
</tr>
<tr>
<td>Tigre</td>
<td align="center">300</td>
<td colspan="2" align="center">210</td>
</tr>
</table>
VENTAJAS Y DESVENTAJAS DE WIX WEEBLY SQUARESPACE Y JIMDO
No hay comentarios:
Publicar un comentario