Tecnología

Inicio

Cómo codificar las páginas Web

Cómo codificar las páginas Web


Codifica su propio sitio web necesita algo de planificación previa, pero en última instancia es una tarea gratificante y alcanzable. Antes de empezar, planificar la arquitectura y el contenido del sitio - páginas que tendrá, qué orden van a ir y qué texto, imágenes y vídeos irán sobre las páginas.

Que va a utilizar HTML, siglas de lenguaje de marcado de hipertexto. HTML es un conjunto de instrucciones para un navegador web que dice: "Obtener este contenido, debe estar aquí y hacer que se vea como esto."

Al igual que cualquier otro lenguaje, HTML tiene una sintaxis y un vocabulario. La sintaxis es <iniciar la instrucción> contenido relacionado con la instrucción </ final de la instrucción>.

Instrucciones

La codificación de páginas Web

1 Abra su software de desarrollo web (ver la sección de Recursos para las opciones de software gratuitas o de pago). Iniciar un nuevo documento seleccionando "Archivo" y luego "Nuevo". Guarde el documento como index.html - este será su página de inicio.

2 Abrir una etiqueta <html> en la parte superior y añadir una etiqueta de cierre </ html> al final. Va a codificar la página web en entre estas etiquetas, que permite al navegador web Sabe usted está codificando en HTML.

3 Abrir y cerrar una etiqueta <head> (uso </ head> para cerrarla). La información contenida en la cabeza no se mostrará en la página web en sí cuando se ve en un navegador; en cambio, incluye información sobre la página web.

4 Dentro de las etiquetas de la cabeza de apertura y cierre, incluirá cualesquiera de estos elementos tiene sentido para su página web en particular:

<Title> El título de la página web </ title>

<Meta name = "description" content = "Un poco de texto para describir su página web">

<Meta name = "keywords" content = "palabras clave separadas por comas que la gente pueda buscar en encontrar su sitio web">

<Meta name = contenido de "autor" = "El nombre y el sitio web del diseñador de la página web">

<Link href = "http: //Location-of-a-stylesheet.css" type = "text / css" rel = "stylesheet">

5 Abrir una etiqueta <body> debajo de la etiqueta de cierre </ head>, y cerrar la </ body> justo encima de la etiqueta de cierre </ html>. El cuerpo es donde su contenido pueda.

Codificación de los tipos de contenido

6 Abrir una etiqueta de párrafo <p> y comience a escribir el texto. Vas a cerrar un párrafo mediante el uso de una etiqueta de cierre </ p>, y comenzar otro utilizando otra etiqueta <p>. El espacio entre los párrafos aparecerá automáticamente.

El formato de texto se puede utilizar incluye:

<B> negrita </ ​​b>

<I> texto en cursiva </ b>

<U> texto subrayado </ b>

<Font color = "# FF0000"> este texto sería de color rojo brillante; utilizar el valor hexadecimal de un color para cambiar el color de la fuente </ font>

<a href="This"> http://www.ehow.com/ "rel =" nofollow "> Este texto será enlazada a la página web eHow.com </a>

7 Código de una imagen mediante el uso de una etiqueta HTML independiente con varios atributos. Por ejemplo:

<Img border = "0" width = "200" height = "300" align = vspace "derecho" = "4" hspace = "6">

En este ejemplo se llama en un cuadro titulado "donde-su-imagen-lives.jpg" sin un borde. La imagen se mostrará a 200 píxeles de ancho y 300 píxeles de alto, no importa cuál sea el tamaño real de la imagen se encuentra en la página. La imagen se alinea a la derecha y habrá cuatro píxeles de espacio por encima y por debajo de ella, así como seis píxeles de espacio a cada lado, para permitir que el texto se ajuste alrededor de ella.

Puede utilizar la misma etiqueta de enlace como en la Sección 2, paso 1 para hacer un enlace a cabo la foto:

<a href="&lt;img"> http://www.ehow.com/">&lt;img rel = "nofollow"> </a>

8 Añadir un vídeo de YouTube o en otro sitio para compartir vídeos utilizando el código de inserción proporcionada por el sitio.

Consejos y advertencias

  • Guarde su trabajo y comprobar que funciona en un navegador web con frecuencia. HTML es un conjunto de instrucciones muy específicas, y los errores en el vocabulario o la sintaxis hará que la visualización de la página de forma incorrecta.