El lenguaje HTML es un estandard del Consorcio W3C (http://www.w3.org) , que permite programar las plantillas de los Blgos. La estructura básica de un documento en HTML es:
| Document Type | <HTML></HTML> | (inicio y fin de un archivo HTML) | |
| Title | <TITLE></TITLE> | (definición de un titulo o encabezado) | |
| Header | <HEAD></HEAD> | (definición de una descripción ) | |
| Body | <BODY></BODY> | (cuerpo del documento) |
HTML es el lenguaje oficial de la WWW (World Wide WEb). Es un lenguaje no propietaario y puede ser porcesado en una amplia gama de procesadores, desde editores basicos a herramientas complejas de autoría.
Cada instrucción o bloque esta enmarcada en "tags" como
<h1> y </h1> , dentro del cual se editan instrucciones, textos, links, etc. En el caso de paginas Web, los navegadores o browser (Ej. Mozilla Firefox), el HTML es el lenguaje de tipo texto para presentar las paginas Web. La mayoria de navegadores presentan una opción para visualziar el "código fuente" en formato HTML.
La información que vemos a diario en el Internet, son producidas "internamente" y de manera "invisible" al usuario en lenguaje HTML.
COMANDOS DE HTML ( TAGS)
TITULOS
<title>Aqui va el titulo de mi pagina </title>
El titulo debe ir al inicio del documento HTML
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
Se pueden insertar imágenes en cualquier sitio del documento HTML con la instrucción:
<img src="peter.jpg" width="100" height="170">
Nombre del archivo: blog.jpg
ancho: 100 pixels
alto: 170 pixels
NOTA: La imagen debe estar guardada en el misma carpeta donde esta el documento Html
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>.
Se puede crear un links desde un grafico con:
<a href="/"><img src="inicio.gif" alt="ir pagina de inicio"></a>
... a continuación por favor ingresar sus aportes de codigo HTML y el link a su Blog alterno
Buen trabajo...
CODIGO PARA PONER UN BANNER
ResponderEliminarCENTER
IMG SRC="http://dl.dropbox.com/u/71527936/bienvenidos%20gif%20animado.gif" WIDTH=260 HEIGHT=150 BORDER=2 ALT="DIANA FUENTES"
/CENTER
http://dianafuenteshtml.blogspot.com/
ANTES DEL CENTER AL INICIO Y AL FINAL SE DEBE PONER EL SIGNO DE MAYOR Y MENOR RESPECTIVAMENTE
EliminarESTIMADO INGE ...EN MI BLOG PUSE UNA IMAGEN DE UN ZOMBIE QUE CAMINA..SALE DE LA PARTE INFERIOR IZQUIERDA HASTA DESAPARESER EN LA DERECHA...
ResponderEliminarPRMERO COPIE EL CODIGO LUEGO FUI A PLANTILLA, EDITAR HTML E INSERTE EL CODIGO ANTES DE.........LUEGO VISTA PREVIA PA VER COMO QUEDA......
ESTA SUPER FACIL
http://prisc07.blogspot.com/b/html-preview?token=fJ8ZVjwBAAA.pQmsxL9fnDIcFnbVLIJdaw.wa_e-wgd61Rw1JzLZ-F-Vg
código para insertar un contador de visitas
ResponderEliminara href="http://www.trucoshtmlweb.blogspot.com.es/" img style="border: 0px solid ; display: inline;" alt="contador de visitas"
src="http://contador-de-visitas.com/hit.php?id=1430187&counter=0"/a br a href="http://www.trucoshtmlweb.blogspot.com.es/"
contador visitas a
lo pueden ver en mi blog:http://aprendiendoenblogs.blogspot.com/
En el siguiente link ud. encontrará código para realizar varios trucos en html, como por ejemplo, texto que sige al puntero del mouse.
ResponderEliminarhttp://tecnologiasdiscapacitados.blogspot.com/p/tips.html
ingeniero colabore con el código para crear botones y si me puedo enlazar a blogs, web
ResponderEliminarmi link alternativo es tarmayos.blogspot.com, ahi se encuentra los codigos, para centrar, desplazar una línea, cambiar de color de fondo
ResponderEliminarEnvio la direccion de la pagina donde existen varios efectos para el blog.
ResponderEliminarhttp://www.meriyo.com/2012/03/21/efectos-de-meriyo-para-tu-pagina-web/
posterioemente lo veran en mi blog.
Para crear un Formulario o Libro de Visitas:
ResponderEliminarCon este código podemos crear un formulario para que complete el visitante. O también un libro de visitas, luego que el visitante apriete el botón "enviar", los datos serán enviados a tu casilla de correo.
Amigo les pongo el link para crear menús en el blog
ResponderEliminarhttp://comohacerocrearunmenuenmiblog.blogspot.com/
Ing. Fernando, por aquí también le envío el link de mi BLOG ALTERNO, donde están las tareas de HTML.
ResponderEliminarhttp://tanialbourgeat.blogspot.com/
BUENAS NOCHES LE ENVIO LOS LINKS DE LOS BLOGS DE LAS TAREAS
ResponderEliminarBLOG PRINCIPAL
http://liguzpucesa.blogspot.com/
BLOG ALTERNO
http://alternoligiaguzman.blogspot.com/
Muy buenas noches Ing. este trabajo nos a parecido interesante pero con muchas dificulades pero estamos con la predisposición para continuar,esperando cumplir nuestras metas
ResponderEliminarhttp://blogpersonalizada.blogspot.com/