Archivo de 24 octubre 2008

h1

Guia Basica de HTML, Estructuras básicas

octubre 24, 2008

Bieno estas son las estructuras básicas del HTML espero les sirvan pronto les tarigo lso atributos y un ejemplo de lo que podemos lograr con las etiquetas básicas de HTML.

<!– …….. –>
Para escribir comentarios, los cuales son ignorados por el Navegador.

<HTML> … </HTML>
Indica que es un documento HTML, debe encerrar todo el Documento.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 3.2//EN”>
Encabezado de todo documento de la version HTML 3.2.

<HEAD> … </HEAD>
Encabezados del Documento. Los siguientes son los parámetros del Comando head.

<title> … </title>
Indica el Titulo del Documento. Aparece en la ventana del Navegador.

<Base href=”http://servidor.tipo/nombre.html”>
Especifica la dirección del Documento por defecto en Uso. Util cuando se hace referencia a otra página dentro del Documento.

<Base href=”http://servidor.tipo/nombre.html” Target=”…”>
Indica el “Frame” por defecto de la página actual.

<Meta attributo1, attributo2>
Este comando describe algunas caracteristicas del documento. Por ejemplo:

<Meta http-Equiv=”Refresh” Content=ss>

Actualiza la pagina cada ss segundos.

<Meta http-Equiv=”Refresh” Content=ss url=”http://servidor.tipo/nombre.html”>

Llama una página diferente a los ss segundos.

<Meta http-Equiv=”Expires” Content=”Sun, 10 Sep 1998 06:23:00 GMT>

Expira el documento a la fecha indicada y debe ser actualizada.

<Meta http-Equiv=”Keywords” Content=”Clave1, Clave2,..”>

Especifica palabras claves para los buscadores de la Red.

<Meta http-Equiv=”Description” Content=”Describa su página aquí ..”>

Especifica una descripción general de su página.

<BODY attributo1=”..” attributo2=”..”> … </BODY>
Contiene el cuerpo del Documento, o el contenido de la Página.

 

Saludos! :D

Escrito en HTML | Etiquetado , , , | Deja un Comentario »

h1

Etiquetas Básicas de HTML

octubre 11, 2008

Hola! Bueno, como ya les habia mencionado antes el HTML se trata basicamente de la estructura de una pagina transformada en texto encerrada en etiquetas ^^ ahora te mostrare las etiquetas basicas para estructurar una pagina web.

  • <html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.
  • <head>: define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar:
  • <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana
  • <link>: para vincular el sitio a hojas de estilo o iconos Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">
  • <style>: para colocar el estilo interno de la página, ya sea usando CSS, JavaScript u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>
  • <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:
  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>: encabezados o títulos del documento con diferente relevancia.
  • <table>: define una tabla
  • <tr>: fila de una tabla
  • <td>: celda de datos de una tabla
  • <a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org">Wikipedia</a> se representa como Wikipedia)
  • <div>: área de la página
  • <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imagenes/mifoto.jpg" />
  • <li><ol><ul>: Etiquetas para listas.
  • <b>: texto en negrita (Etiqueta descartada. Se recomienda usar la etiqueta <strong>)
  • <i>: texto en cursiva
  • <u>: texto subrayado
  • La mayoría de etiquetas deben cerrarse como se abren, pero con una barra (“/”) tal como se muestra en los siguientes ejemplos:
  • <table><tr><td>Contenido de una celda</td></tr></table>
  • <script>Código de un script integrado en la página</script>

Saludos! :P

Escrito en HTML | Etiquetado , , , , , | Deja un Comentario »

h1

Qué es el HTML? y.. Qué es el diseño?

octubre 8, 2008

Hola!

Hola como estan? espero que bien, primero que todo quiero agradecer por darme la bienvenida a WordPress y por aceptarme en una pequeña porcion de su vida ^^ ahora les voy a explicar brevemente lo que es el diseño gráfico y lo que es el HTML…


HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de “etiquetas”, rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

Fuente: Wikipedia

Diseño

El diseño es simplemente un imagen que conforma parte del diseño, pero no lo tomes a menos ya que una página sin aunque sea un diseño se ve feo, triste, desalegre sin mencionar vacío; en la pagina el diseño toma una parte muy importante y divertida ya que hacerlo es una de las mejores partes del diseño gráfico el cual no solo se usa para páginas web tambien puede ser empleado como portada, tarjeta, cartel, anuncio,…

Ejemplo

te dare un ejemplo para que entiendas mejor esto del HTML y el diseño; mira esta pagina el HTML es la estructura de la misma, el color del texto, la posicion de los links, la posicion del header, las lineas, la letra que se usara,… Una página depende mayormente del codigo o code para poder hacer todo lo que hace, en cambio, el Diseño es el header, el fondo degradado de detras, las flores de la parte de los links… Todas esos diseños que tu ves como simples imagenes vienen a embellezer la pagina.

Julliet…

Saludos! ;)

Escrito en Diseño, HTML | Etiquetado , , , , , | 4 Comentarios »

Seguir

Get every new post delivered to your Inbox.