HTML: Conceptos Basicos

conceptos, internet, investigacion

Hola a todos, html es uno de los conceptos que debemos tener en claro al momento de crear una pagina web. El conocer su estructura nos facilitara al momento de la elaboracion de un sitio web ya que, si bien es cierto existen editores webs que facilitan la creacion de una pagina web como dreamweaver, a veces crear codigos de mas que no favorece a la optimizacion web.

HTML es el lenguaje, que la mayoria de sitios webs tiene como base. Gracias a los navegadores webs, como firefox y chrome, que interpretan el codigo html, podemos ver una interfaz amigable para el usuario.

Conceptos Basicos de HTML

EL lenguaje html esta compuesto fundamentalmente por etiquetas que se escribe entre <> y cada una cumple una funcion unica. cuando se hace uso de alguna etiqueta se debe abrir y cerrar esta misma por ejemplo, para poner un encabezado se usa la etiqueta ‘<H1> </H1>’.

Etiquetas HTML

html posee una gran variedad de etiquetas, aqui definiremos las mas comunes y necesarias.

<html>	se debe ubicar al comienzo del archivo e indica que lo que viene acontinuacion es un documento html
<head>	es la cabecera del documento, se pone el titutlo, la descripcion del sitio, para los motores de busqueda y keywords
<title>	A qui va el titulo de la pagina web
<link>	etiqueta que llama a la hoja de estilo, en donde se encuentra el diseño de la pagina web
<body>	lo que valla dentro de esta etiqueta es lo que veran los visitantes de la pagina web. Aqui van las tablas, encabezados, parrafos, llamado a imagenes y mas..
<h1>	Se usa cuando queremos que halla un encabezado en el documento
<table>	se usa para la creacion de tablas
<img>	se utiliza cuandoo queremos insertar una imagen, solo necesita arle la ruta de dicha imagen. ejemplo <img src=”imagen.pgp” />
<p>	esta etiqueta nos ayuda a distinguir un parrafo de otro
<a>	se utilza cuando queremos hacer un enlace (vincular un texto o imagen con otra pagina) . ejemplo <a href="ruta de la pagina">texto</a>
<b>	pone el texto en negrita
<i>	pone el texto en cursiva
<u>	subraya el texto que hay dentro de la etiqueta
<div>	dividad un seccion de la pagina a otra, esta etiqueta se utiliza especialmente para el diseño de paginas web con css
<li> <ol> <ul>	etiquetas para usar listas, mas conocida como viñetas.
</br>	etiqueta para el salto de linea.

Estructura de una pagina en HTML

Luego de conocer las etiquetas html veremos la estructura basica de una pagina html, hay que resaltar la ubicacion de las etiquetas html, head, title, body, ya que no pueden ir en otro sitio.

<html>
     <head>
       <title></title>
     </head>
         <body>
            
         </body>
</html>

Mi primera pagina en HTML

Ahora que ya sabemos la estructura de una pagina web y sus principales etiquetas podemos elaborar nuestra primera pagina web desde cualquier editor de texto, les recomiendo notepad++.

<html>
     <head>
       <title>Mi primera pagina web</title>
     </head>
         <body>
            <h1>Encabezado 1<h1>
            <h2>Encabezado 2<h2>
            <p>Hola Mundo!!</p>
            <p>Esta es mi primer sitio web</p>
            <p>Buscador web <a href="http://www.google.com/">google</a></p>
            <p>foto del Machu Picchu<img src="machupicchu.jpg"></br> 
            </p>
             <p>
          <table>
            <tr>
              <td>tabla con una fila y una columna</td>
            </tr>
            <p>

             <p>
               <ul><li>Listado 1</li> <li>Listado 2</li></ul>
             </p>
</table border="1">
         </body>
</html>

Como resultado obtenemos nuestra primera pagina en html donde podemos notar la diferencia cuando usamos las etiquetas.

Creacion de mi primera pagina en html