-
Cómo código de una página web
-
Codificación de una página web requiere conocimientos de HTML y CSS. HTML o lenguaje de marcado de hipertexto, es lenguaje de script que utiliza etiquetas para contar un navegador cómo hacer que la página web. hoja de estilo en cascada CSS o es otro lenguaje de scripting que permite labrar del HTML y crea el diseño de la página web. HTML y CSS se escriben en un editor de texto y la página web se guarda como un archivo HTML para su visualización en Internet.
Instrucciones
1 Abra el editor de texto y crear un nuevo archivo. Haga clic en "Archivo" y "Nuevo" para iniciar un nuevo archivo.
2 Escriba las etiquetas de inicio y terminación necesarios para el navegador de Internet para reconocer el archivo como una página web. HTML utiliza etiquetas que están encerradas en menores y mayores de símbolos. Cada etiqueta tiene una etiqueta de inicio y una etiqueta de cierre para el almacenamiento del contenido que es visible durante la visualización de la página web. Cada página comienza y termina con las mismas etiquetas, la etiqueta HTML y la etiqueta BODY. La etiqueta HTML le dice al navegador que el archivo contiene HTML y la etiqueta BODY contiene el contenido visible en la página web. La etiqueta HEAD contiene cualquier otra información que el navegador necesita saber antes desgarrador el contenido de la etiqueta BODY. Para una página web sencilla, esto es sólo la etiqueta del título, que contiene el título de la página web que se muestra en las barras de pestañas y el título del navegador. Por ejemplo:
<Html>
<Head>
<Title> Página Web </ title>
</ Head>
<Body>
</ Body>
</ Html>
La etiqueta HTML contiene toda la página. "Sitio Web" se mostrará en la barra de pestañas y el título de un navegador. Cada etiqueta tiene una etiqueta de cierre. Para la mayoría de las etiquetas, se trata de una copia de la etiqueta con una barra antes del nombre de la etiqueta.
3 Añadir el contenido de su página web entre las etiquetas BODY y etiquetas de uso de párrafo para romper el texto. etiquetas de párrafo son <p> </ p> y el texto envolvente forzando un doble espacio después del final de la etiqueta. Rodear el contenido de la etiqueta de la división para separar el contenido del fondo. Por ejemplo:
<Body>
<Div>
<P> Este es el primer párrafo. </ P>
<P> Este es el segundo párrafo. </ P>
</ Div>
</ Body>
4 Añadir el diseño, el color y el estilo de la página utilizando CSS. CSS se puede añadir a una página web de varias maneras. El más simple es el uso de CSS en línea a través del atributo estilo. El atributo de estilo se coloca después del nombre de la etiqueta, pero antes de que el símbolo mayor que en la etiqueta de inicio. Por ejemplo, una página con el texto negro sobre un fondo blanco, se centró en un fondo azul claro se vería así:
<Estilo de la carrocería = "background: # 7FD4FF; margin: 0; padding: 0; color: # 000000; font-size: 14px;">
<Div style = "background: #ffffff; margen: auto 0; padding: 10px; ancho: 800px;">
<P> Este es el primer párrafo. </ P>
<P> Este es el segundo párrafo. </ P>
</ Div>
</ Body>
elementos CSS se enumeran en las citas después de los atributos de estilo. Los elementos tienen varios parámetros incluyendo el color y el tamaño. En el ejemplo anterior, el estilo de etiqueta BODY se le da un fondo de color azul claro, sin relleno ni los márgenes para que llegue al tamaño completo de la ventana del navegador, un color de fuente de negro a través del elemento de color y un tamaño de fuente de 14 píxeles. Los colores se dan en valores hexadecimales. El valor hexadecimal de un color se encuentra utilizando un selector de color. Un selector de color libre en línea aparece en la sección de recursos a continuación. La etiqueta DIV, que incluye los apartados y contenidos de la página web, se le da un fondo blanco, un margen automático que centra el cuadro blanco en la pantalla y un acolchado de 10 píxeles. El acolchado pone el espacio entre el borde de la caja y el texto dentro de la caja. La caja también se da el ancho de 800 píxeles por lo que parece que está rodeado por el fondo azul claro en la etiqueta BODY.
5 Guarde el archivo haciendo clic en "Archivo" y "Guardar" y luego dar el archivo el nombre "index.html".
