-
¿Cómo puedo crear una página en HTML?
-
La creación de una página en HTML no es difícil. Cualquiera puede hacerlo, independientemente de la experiencia técnica. Puede crear una página HTML con rapidez y facilidad, incluyendo cualquier contenido que desee. No es necesario ningún software especial para crear una página HTML. Como siempre y cuando tenga un editor de texto básico, se puede llevar a cabo la tarea. Sea cual sea el propósito de su página, la estructura y los pasos implicados en general suelen ser el mismo. habilidades básicas de HTML son útiles para cualquier persona involucrada con la Web.Instrucciones
1 Abra un nuevo archivo en un editor de texto. Puede utilizar el Bloc de notas, Notepad ++ o cualquier otro programa de edición de texto que haya instalado. Guarde el archivo con la extensión .html; por ejemplo, "index.html" es una página de inicio sitio web. Introduzca el siguiente esquema:
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>
Esta es la estructura básica de cualquier página HTML. El contenido de un documento HTML está contenido dentro de las etiquetas, también conocido como "elementos". Cada elemento tiene una etiqueta de apertura, como en "<body>" y la etiqueta de cierre, como en "</ body>." El contenido de su página va entre las etiquetas <body>.
2 Crear elementos HTML dentro de su página. Se puede utilizar una gran cantidad de diferentes tipos de elementos, que están diseñados específicamente para ciertos tipos de contenido, incluyendo texto, imágenes y medios de comunicación. Aquí están algunos elementos de ejemplo:
<Div> Aquí es una división de <em> con una sección subrayó </ em> </ div>
<P> Aquí es un párrafo </ p>
También puede incluir texto en listas y tablas si que se adapte a sus propósitos.
3 Incluir contenido en su página. Dividir las diversas piezas de contenido que desea mostrar en su página en secciones, e incluyen cada uno dentro de un elemento "div". Este ejemplo muestra una imagen y el texto:
<Div class = "imagesection"> <img alt = "imagen" /> </ div>
<Div class = "textsection"> una sección de texto </ div>
Los atributos "clase" no son esenciales, pero que le permiten adaptar la apariencia de sus secciones HTML con CSS o Cascading Style Sheets.
4 Usar CSS para dictar el aspecto de su HTML. En la sección de cabecera de la página, entre la apertura y cierre de etiquetas <head>, incluir un enlace a una hoja de estilo:
<Link rel = "stylesheet" type = "text / css" href = "stylerules.css" />
Crear un nuevo archivo en el editor de texto y guardarlo como "stylerules.css" para que coincida con la referencia en su cabeza página. Insertar código CSS para determinar cómo se muestra el HTML cuando se ve en un navegador Web:
cuerpo {width: 800px;}
.imagesection {width: 100%;}
.textsection {width: 80%; color: # FFFF00;}
Esto determina el ancho y el color de los elementos que se muestran, usando "." seguido del nombre de la clase del elemento a ser de estilo. declaraciones CSS puede estilo HTML de muchas maneras, incluyendo el estilo de texto, tipos de letra, colores, diseños y cómo los elementos están dispuestos uno respecto al otro.
5 Probar la página HTML. Usted puede abrir la página HTML en el navegador web desde donde quiera que haya guardado en su ordenador, o subirlo, junto con la hoja de estilo, a un servidor Web. Si va a cargar la página, tiene que ver con su posición introduciendo la dirección en la barra de direcciones del navegador. Probar la página para ver si el contenido se vea bien y si es de estilo en la forma deseada.
Consejos y advertencias
- Con un editor de texto que pone de relieve el código HTML, como Notepad ++, hace que las páginas HTML en desarrollo mucho más fácil.
- Resistir la tentación de utilizar el contenido HTML sin validar primero. Puede validar el código HTML utilizando servicios gratuitos en línea, tales como el Servicio de Validación del W3C o el validador de HTML Web Design Group. La fijación de los errores identificados hace que las páginas más consistente a través de diferentes navegadores.
