Tecnología

Inicio

Cómo escribir las páginas Web HTML

October 5

Cómo escribir las páginas Web HTML


HTML, o HyperText Markup Language, es básicamente un conjunto de etiquetas que se comunican instrucciones para los navegadores de Internet acerca de cómo mostrar información en la pantalla. Una vez que entienda lo que cada etiqueta es y lo que hace, escribiendo una página web es casi tan fácil como escribir una lista de compras.

Instrucciones

HTML 101

1 Abrir un nuevo archivo de Bloc de notas y guardarlo en el escritorio como "index.html". Encontrar el archivo en el escritorio; Haga doble clic en él para abrirlo en su navegador web. Por ahora, debe aparecer como una página en blanco. Al hacer y guardar los cambios en el archivo de Bloc de notas, volver a cargar esta página web para probar el código HTML y comprobar su aparición en su navegador.

2 Cree el siguiente conjunto de etiquetas:
<HTML>
</ HTML>
Estas etiquetas indican el navegador que todo lo contenido dentro de estas etiquetas está escrito en o (en el caso de CSS o JavaScript) es compatible con HTML.

3 Crear su encabezado de la página web. En la línea debajo de la etiqueta <HTML>, introduzca el siguiente conjunto de etiquetas: <HEAD> </ HEAD>

4 Cómo escribir las páginas Web HTML

Da tu página de un título. Entre las etiquetas de cabecera, inserte el siguiente: <TITLE> HTML página de prueba </ TITLE>. Guarde su trabajo y volver a cargar la página en el navegador web. La página sigue debe aparecer en blanco, pero el título debería aparecer ahora en la barra de título del navegador web.

5 Crear etiquetas META en una nueva línea bajo el título:
<META NAME = CONTENIDO "Descripción" = "Esta página está diseñada utilizando HTML plano">
<Meta name = "keywords" content = "HTML, diseño web, diseño de páginas web">

6 Crear el cuerpo de su página web. Esta es la parte que aparecerá en los navegadores web.
En una nueva línea debajo de la etiqueta </ ​​head>, introduzca los siguientes etiquetas: <BODY> </ BODY>

7 Cómo escribir las páginas Web HTML

Crea tu sitio. Entre las etiquetas <body> y </ body>, escriba la información que aparecerá en su página web. Para este ejercicio, el tipo (o copiar y pegar) lo siguiente:
HTML es fácil
Esta página web se realiza mediante el lenguaje de marcado de hipertexto simple, básico. HTML se utiliza para mostrar texto en diferentes estilos y colores. El texto puede ser negrita, subrayado, cursiva o tachado. HTML también se puede utilizar para crear enlaces y añadir imágenes a una página.

8 Cómo escribir las páginas Web HTML


Crear atributos fondo de la página, el texto y el enlace de color dentro de la etiqueta <BODY> de la siguiente manera:
<Body bgcolor = texto "bronceado" = "navy" link = "blue" VLINK = "medianoche" alink = "aqua">
Esto dará a su página de un fondo del moreno con el texto azul marino. hiperenlaces aparecerá azul brillante en un primer momento, a su vez, aqua, cuando los usuarios hacen clic en él y, finalmente, se convierten en azul noche para aquellos que ya han visitado ese enlace.

9 Encuentra el titular, "HTML es fácil." Añadir las siguientes etiquetas para centrar y hacer hincapié en el titular:
<Center> <H1> HTML es fácil </ H1> </ center>

10 Utilice el párrafo o etiqueta <P>, para romper el resto del texto en dos párrafos. Coloca esta etiqueta en frente de la línea, "Esta página web se realiza mediante el lenguaje de marcado de hipertexto simple, básico." Coloque de nuevo en frente de la línea, "HTML también se puede utilizar para crear enlaces y añadir imágenes a una página."

11 Aplicar los formatos adecuados a las palabras "que aparecen en negrita", "subrayado", "cursiva" y "tachado". En HTML, la sentencia se verá así:
El texto puede ser <b> negrita </ ​​B>, <U> subrayado </ u>, <I> cursiva </ I> o <strike> tachado </ strike>.

12 Busque la frase "crear lazos", en la última línea del texto. Convertir esto en un hipervínculo a la página principal de Google mediante la inserción de etiquetas de enlace antes y después de la frase, de la siguiente manera:
<a href="create"> http://www.google.com "> crear enlaces </a>

13 Añadir una foto con licencia Creative Commons en una nueva línea y el centro de la siguiente manera:
<P> <center> <IMG height = "160" border = "0">
Añadir las etiquetas de enlace a ambos lados de la Etiqueta de imagen:
<a href="&lt;IMG"> http://www.flickr.com/photos/janelinton/122959202/">&lt;IMG height = "160" border = "0" alt = "Imagen de I_Shutter en Flickr" > </a>
Dentro de la etiqueta Enlace, añadir el título:
<a href="http://www.flickr.com/photos/janelinton/122959202/" title="imagen por I_Shutter en Flickr">
Felicitaciones. Que acabas de escribir su primera página web en HTML.

Consejos y advertencias

  • La cabecera es la sección que proporciona instrucciones de la web sobre cómo visualizar y catalogar su página. Contiene el título que aparece generalmente en la barra de título del navegador web, así como los meta tags que describen el contenido de la página y proporcionan palabras clave, que hacen que sea fácil para los motores de búsqueda a la lista de su página. En las páginas más avanzados, este es también el lugar donde la CSS y Javascript goes.To personalizar cualquiera de los contenidos de cabecera, sólo tiene que sustituir el texto de la cita con su propio título y meta content.You pueden enlazar a cualquier página en la Web. Vuelva a colocar la URL de Google con la URL, con el "http: //" prefijo, de la página que desea vincular a instead.Note que la etiqueta IMG está solo. No hay </ IMG> tag.Though cierre utilizamos nombres de color estándar en los atributos de nuestro cuerpo, HTML también puede leer los códigos de color hexadecimal, lo que permite la coincidencia de color más precisa. códigos HEX se pueden encontrar en la sección Colores de encargo de la mayoría de los programas de formación de imágenes; o usted puede encontrar convertidores de color en línea, como convertidor de color de Draac.com, que puede convertir ambos nombres en inglés estándar y los valores RGB en el artículo HEX code.This es sólo para empezar. Afortunadamente, no hay escasez de tutoriales HTML en la web. Echa un vistazo a los enlaces de referencia para encontrar tutoriales sobre técnicas avanzadas de formato y para aprender las amplias capacidades de HTML en el diseño web.
  • A falta de cerrar la etiqueta, la falta de comillas o incluso un simple error tipográfico puede romper su página web, pero no se preocupe. Tales errores son tan fáciles de encontrar y corregir, ya que son de hacer, gracias a validadores como el W3C 's de marcado Validador. Estos programas verifican que el código es correcto y se puede leer con facilidad y entendido por todos los navegadores web.