fondo

Guía básica de html

Guía Básica de html


El html es un lenguaje standar y tiene la función de programar plantillas para ser aplicadas en los blogs la extructura básica es decir la que no cambia y se mantiene siempre es:


Document Type
<HTML></HTML>
(nos  indica el inicio y el fin de un archivo hlml)

Title
<TITLE></TITLE>
(el titulo de lo que deseemos visualizar en la web)

Header
<HEAD></HEAD>
(definición de una descripción)

Body
<BODY></BODY>
(cuerpo del documento)


Este es un lenguaje que puede prosesado desde los prosesadores mas simples hasta los más complejos cada sección está enmarcada dentro  <h1> y  </h1> dentro de ellos se editan las instrucciones, en los navegadores ya conocidos como mozilla Firefox el html es el lenguaje para presentar páginas web la mayoria de navegadores presenta una opción para poder mirar el código fuente en formato html.

COMANDOS DE HTML (Tags)

Aqui irán los titulos que nosotros elejiremos siempre debe ir al incio que un documento html

<title>Aqui va el titulo de mi pagina </title>

ENCABEZADOS Y PÁRRAFOS

Como en Word, en HTML se pueden crear hasta seis (6) tipos de estilos.

<h1>ENCABEZADO MAS IMPORTANTE O PRINCIPAL </h1>

<h2>MENOS IMPORTANTE </h2> .... y asi sucesivamente.

Para los párrafos, se usan los siguientes tags:

<p>Este es mi primer párrafo.</p> <p>Este es mi segundo párrafo.</p>

LAS IMAGENES EN EL DOCUMENTO HTML

Las imagénes se pueden insertar en cualquier lugar del documento html eso lo decidimos nosotros con el siguiente comando y no debemos olvidar nunca de que las deben ser guardadasen la misma carpeta donde esta el documento html y listo

<img src="peter.jpg" width="100" height="170">

Nombre del archivo: blog.jpg
ancho: 100 pixels 
alto: 170 pixels
Se puede añadir un texto alteernativo con:

<img src="peter.jpg" width="100" height="170"
alt = " Introduccion a los Blogs >
 VINCULOS O LINKS

Se utilizan los tags  <a>, ejemplo:

<a href="calculos.html">Peter's page</a>.   es un link a un archivo calculos que debe estar en el mismo directorio del documento HTML
<a href="http://www.w3.org/">W3C</a>.

Link a partir de un gráfico se lo puede poner con el siguiente comando

<a href="/"><img src="inicio.gif" alt="ir pagina de inicio"></a>


Cuando necesitamos poner vínculos o links

Se utilizan los tags  <a>, ejemplo:
<a href="calculos.html">Peter's page</a>.  

Es un link a un archivo cálculos que debe estar en el mismo directorio del documento HTML:
<a href="http://www.w3.org/">W3C</a>.

Se puede crear un links desde un grafico con:
<a href="/"><img src="inicio.gif" alt="ir página de inicio"></a>

1 comentario: