GUIA BASICA DE HTML



CÓDIGO HTML


TUTORIAL PARA APLICAR LOS CÓDIGOS HTML
Bueno los códigos HTML es el lenguaje que ocupan las páginas web, en si todo  lo concerniente a publicaciones en línea, este mismo  lenguaje lo utilizaremos para diseñar nuestro blog, la aplicaciones que realizaremos son sencillas  y a más de eso ya existen códigos creados para este propósito, el objetivo es nosotros copiar los códigos y cambiar a nuestras necesidades y a más de eso ver cómo cambia las características y comprender como operan con los códigos HTML, estos permiten incluir texto normal, elementos multimedia (gráficos, vídeo, audio) además de enlazar desde la página a sitios externos.
Los HTML tienen diferentes componentes o elementos y para diferenciarlos colocamos una marca (tag), las marcas (tag) están siempre delimitadas por los signos: <>
Cada documento HTML debe tener marcas estándar como encabezado (HEAD) y un cuerpo (BODY), El nombre de la etiqueta y sus atributos se colocan entre los símbolos < y > y normalmente se usan dos, una de inicio y otra final.
 mejor les mostramos con un ejemplo:

·        necesitamos trabajar en  (Notepad, Wordpad) que son un editor de texto
·        Colocamos los códigos los textos  y etiquetas de acuerdo al diseño o efecto que se quiera obtener.
·        Guardar con la extensión .html o texto sin formato
·        Abrir la Página con un explorador.
·        Para editarla dar clic derecho y elegir " Ver código Fuente", este código será puesto en el blog
<html>
<head>
<title> mi pagina web</title>
</head>
<body>


EL CÓDIGO QUE QUIERO COMENTARLES ES PARA ELABORAR TABLAS
Me parece muy interesante e importante porque las tablas son muy útiles para trabajar con datos aquí está el código, espero les sea útil.


<table border>
<tr>
<th>columna1</th><th>columna2</th><th>columna3</th>
<tr>
</tr>
<td>fila1 -celda1</td><td>fila1 -celda2</td><td>fila1 -celda3</td>
</tr>
<tr>
<td>fila2 -celda1</td><td>fila2 -celda2</td><td>fila2 -celda3</td>
</tr>
</table>

A continuación detallo algunos ejercicios que serán de mucha ayuda.

1.- código para cambiar el color al fondo de la página

<body bgcolor="#ff0000">

El color los puedes elegir buscando una paleta de colores e identificando el valor hexadecimal que posee he colocado una imagen con los colores para se pueda tener una refrencia de igual forma podremos trabajar con estos colores para textos,fondos, bordes, etc.



2.- Código para Centrar
<center> "Aquí colocar   los textos, tablas, objetos que se desea centrar" </center>


3.- Para Ir variando los tamaños de los textos se debe colocar las siguientes etiquetas dependiendo del tamaña que se desee.


<h1> Texto muy grande</h1>
<h2>Texto grande</h2>
<h3>Texto algo más grande de lo normal</h3>
<h4>Texto normal</h4>
<h5>Texto pequeño</h5>
<h6>Texto muy pequeño</h6>

4.- Para colocar una tabla que se mueve de un lado al otro se debe utilizar las siguientes etiquetas


<marquee>
<table align="center" border="1" style="width: 100px;">
<tr>
   <td>Texto que ira dentro de la Tabla</td>
</tr>
</table>
</marquee>

 

No hay comentarios:

Publicar un comentario en la entrada