¿Sabes que es el HTML?
HTML son las siglas de “HyperText Markup Language” que traducido al castellano seria “Lenguaje de Marcas de Hipertexto”.
Esta seria el lenguaje más importante que debe conocer un webmaster ya que es indispensable para la creación de una pagina web, este es expresado en texto para describir la estructura y contenido de las páginas. En nuestra comunidad pronto compartiremos trucos y guías sobres este lenguaje.
El HTML tiene como elemento los siguientes:
Atributo y contenido.
Una elemento debe tener las etiquetas de inicio las cuales son “<>” y las etiquetas de fin que serian las mismas acompañada de una barra después del primer símbolo “<” como se muestra el siguiente ejemplo:
Inicio:
<nombre del elemento
> Cierre:
</nombre del elemento
> Algunos no necesitan el cierre como seria la etiqueta <BR> .
Los códigos básicos para comenzar a crear nuestra web se basan en los siguientes: -
<HTML> Este es para dar inicio a un código HTML al momento que el navegador capte esta etiqueta sabrá que se tratara de un código HTML. Por supuesto este código debe finalizar con un cierre </HTML> o no tendrá efecto.
-
<head> Este seria la cabecera de la página.
También posee información no visible para el usuario como el nombre de la ventana y dentro de estas etiquetas pueden estar las siguientes:
-
<title> : contiene el titulo de la pagina, el título aparece en la barra de título encima de la ventana.
<title>Mi pagina</title>
-
<link> : Para dirigirte a otro sitio web o otra parte de la pagina así como hojas de estilo o iconos.
-
<style> : Para colocar el estilo interno de la página, ya sea usando You are not allowed to view links.
Register or
Login, You are not allowed to view links.
Register or
Login u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>
-
<body> Este mostrara el cuerpo del documento. Esta parte es la que mostrara el navegador
-
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: títulos del documento.
-
<table>: define una tabla
-
<tr>: fila de una tabla
-
<td>: celda de datos de una tabla
-
<a>: You are not allowed to view links.
Register or
Login o enlace, dentro o fuera del You are not allowed to view links.
Register or
Login. Debe definirse el por medio del atributo href. Ej:
<a href="http://tecnohacker.com">T_H</a>
-
<div>: área de la página
- <img>: imagen. Requiere del atributo SRC, que indica la ruta en la que se encuentra la imagen. Ej:
<img src="http://imagen.jpg" />
-
<li><ol><ul>/: Etiquetas para listas.
- <b>: texto en
- <i>: texto en cursiva
- <u>: texto subrayado
Debemos tomar en cuenta que en esta etiquetas deben tener un cierre </
Hagamos una web simple:
<html>
<head>
<title>tecnohacker</title>
</head>
<body>
<Center>
<b><a href="http://www.tecnohacker.com/"> TECNOLOGIA Y HACKTIVISMO UNIDOS</a></b>
<img>Imagen.jpg</img>
<p>Este es un ejemplo</p>
</center>
</body>
</html>
Nota la etiqueta <center> es para centrar.
Un documento HTML lo pueden crear en un DOCUMENTO DE TEXTO y lo guardan con la extensión .HTML de la siguiente forma:
Nombre: MI primera web.HTML
TIPO : Todos los archivos
El nombre de la ventana dirá: tecnohacker
You are not allowed to view links.
Register or
Login <<<<<les saldrá en negrita. La imagen
Este es un ejemplo <<<< lo que escribimos.
Pueden probar mas etiquetas y practicarlas
Saludos.
EL GATO