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.
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