Crear una página html
Contenidos
Si has seguido mis primeras cuatro lecciones de HTML ya estás familiarizado con la sintaxis básica de HTML. Aunque hay elementos HTML que aún no has aprendido, es seguro decir que conoces lo básico y estás listo para intentar algo nuevo y emocionante.
Habrás notado que todo el código que hemos escrito hasta ahora se ve increíblemente aburrido cuando se ve en un navegador web. No hemos creado ningún diseño elegante con columnas, y todo nuestro texto es aburrido y negro y se muestra en una fea fuente por defecto. Esto se debe a que HTML está pensado para marcar y describir simplemente los elementos de contenido; no está pensado para añadir estilo a una página.
Existe un lenguaje informático diferente llamado CSS (abreviatura de hoja de estilo en cascada) que se utiliza para añadir estilo a las páginas. No vamos a aprender CSS en la lección de hoy (pero cuando estés listo, visita la página de Lecciones de CSS), en su lugar vamos a aprender cómo configurar nuestras páginas HTML para que añadir estilo a través de CSS sea fácil y sin complicaciones.
¡Comencemos a codificar! Te pido que sigas escribiendo, o copiando y pegando el código de hoy a medida que avanzamos (aprende a crear un archivo HTML). Comenzaremos con nuestro típico archivo HTML de inicio que aprendimos en la Lección 2:
Ideas para sitios web Html
Para insertar código HTML en cualquier página de su sitio web, abra la página web en la que desea colocar el código HTML en el Editor de Páginas. Coloca el cursor en el contenido donde quieres que aparezca el código HTML en la página y luego haz clic en el icono “Insertar HTML” de la barra de herramientas (junto al icono “Fuente”). Pegue su código HTML en la ventana que aparece y haga clic en “Aceptar”.Actualice la página y habrá terminado. Para un mayor control sobre el HTML o para pegar secciones más grandes de HTML, vea la pregunta asociada más abajo:
Chilli Websites es una empresa 100% australiana. Con sede en Newport, en las playas del norte de Sydney, desde 1999 nuestra empresa ha crecido hasta convertirse en un actor de renombre en el suministro de soluciones de sitios web de última generación, incluyendo sistemas de gestión de contenidos, intranets, extranets y sistemas de marketing en línea para las pequeñas y medianas empresas, junto con el suministro de alojamiento seguro y fiable para todas sus necesidades de Internet.
Cómo codificar un sitio web
Consejo: Le sugerimos que utilice el Bloc de notas (en Windows), TextEdit (en Mac) o algún otro editor de texto sencillo para hacer esto; ¡no utilice Word o WordPad! Una vez que entienda los principios básicos, puede pasar a herramientas más avanzadas como Adobe Dreamweaver.
Nota: Una declaración DOCTYPE aparece en la parte superior de una página web antes de todos los demás elementos; sin embargo, la declaración doctype en sí no es una etiqueta HTML. Todo documento HTML requiere una declaración de tipo de documento para asegurar que sus páginas se muestren correctamente.
Consejo: Las etiquetas <html>, <head> y <body> constituyen el esqueleto básico de toda página web. El contenido dentro de <head> y </head> es invisible para los usuarios, con una excepción: el texto entre las etiquetas <title> y </title>, que aparece como título en la pestaña del navegador.
El HTML se escribe en forma de elementos HTML compuestos por etiquetas de marcado. Estas etiquetas de marcado son la característica fundamental de HTML. Cada etiqueta de marcado se compone de una palabra clave, rodeada de corchetes, como por ejemplo
Ejemplos de Html con código fuente
En esta guía de HTML para principiantes, aprenderemos qué es HTML y para qué se utiliza. A continuación, veremos cómo escribir HTML y repasaremos algunos de los elementos y atributos más comunes del lenguaje. Por último, terminaremos con un breve vistazo a algunos recursos que puedes utilizar para seguir aprendiendo y utilizando HTML.
HTML, abreviatura de Hypertext Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje principal de la World Wide Web. Diseñado originalmente como lenguaje para describir semánticamente documentos científicos, se ha adaptado para describir la estructura básica de las páginas web y las aplicaciones en línea. Por ejemplo, HTML puede utilizarse para especificar qué parte del documento es un título, cuál es una lista y cuál es una imagen. También se puede utilizar para poner un hipervínculo a una palabra, incrustar una imagen, poner la fuente en cursiva, etc.
“Hipertexto” es un texto que contiene referencias a otros textos o páginas, también conocidas como hipervínculos. Los hipervínculos permiten ir a cualquier lugar de la web con un clic del ratón. En lugar de leer una página web en el orden lineal que estableció el autor, como en la imprenta, podemos utilizar los hipervínculos para saltar a otra sección de la misma página, a una página diferente del sitio web actual o a un sitio web completamente nuevo. Por ejemplo, aquí hay un hipervínculo que devuelve a los lectores al principio de esta entrada del blog. Los hipervínculos también pueden abrir un PDF, un correo electrónico o un archivo multimedia, como un vídeo o un audio.
