Tutorial como crear una pagina web html

Inicio » Tutorial como crear una pagina web html

html tutorial deutsch

HTML is made up of “tags” (the things surrounded by < >). I won’t discuss every tag used here, but the most important thing is that the content of the website goes between the <body> and </body> tags.

The src attribute tells the browser where the image is in relation to our index.html file. The width attribute forces the image to be 200 pixels wide. <img /> tags do not need closing tags. They are self-closing.

It’s hard to keep track of what each element does. Later, when we style the page, we want to give names to our elements to specify which ones to style. This is what the class attribute is for. A class attribute can go on any tag. Let’s add classes to our file.

cómo crear un sitio web en html

Si está interesado en aprender a construir y diseñar sitios web, el Lenguaje de Marcado de Hipertexto (HTML) es un buen punto de partida. Esta serie de tutoriales basados en proyectos le introducirá en el HTML y sus métodos mediante la construcción de un sitio web personal utilizando nuestro sitio de demostración (abajo) como modelo. Una vez que aprenda lo básico, sabrá cómo cambiar el diseño del sitio web y añadir contenido personalizado. No es necesario tener experiencia previa en codificación para seguir los tutoriales de esta serie.

HTML es el lenguaje de marcado estándar utilizado para mostrar documentos en un navegador web. Desarrollado por primera vez por Tim Berners Lee en 1990 mientras trabajaba en la Organización Europea para la Investigación Nuclear (CERN), HTML fue una de las tecnologías innovadoras clave utilizadas para publicar el primer sitio web del mundo el 6 de agosto de 1991. Gracias a un proyecto de restauración del CERN, ahora se puede volver a visitar el sitio web original. Desde entonces, el HTML se ha actualizado y ampliado considerablemente, pero su propósito básico de dar formato y estructurar las páginas web sigue siendo el mismo.

código de página web html vorlage

En este tutorial, repasaremos el diseño de sitios web sencillos para principiantes con una plantilla de página web HTML. Son la forma más fácil de codificar un sitio web. Es un proceso que le ahorrará tiempo a largo plazo, mientras que le permite crear un sitio web diseñado profesionalmente para sus visitantes.

En este tutorial de diseño web utilizaremos una plantilla de Envato Elements. Si quieres ver otras opciones de plantillas de diseño web, echa un vistazo a la colección de plantillas de código de diseño web de Envato Elements. Encontrarás opciones profesionales y con capacidad de respuesta que están listas para ser personalizadas para tu próximo proyecto.

Probablemente estés emocionado por aprender a codificar un sitio web. Pero mirar el código puede ser intimidante si eres un principiante. Así que antes de que nos sumerjamos, echemos un vistazo a algunos términos útiles que debes conocer para que puedas entender los cambios que estás haciendo en los siguientes pasos para codificar un sitio web.

Estamos trabajando en el archivo index-onepage-personal.html en este tutorial. Es un diseño de sitio web simple para que los principiantes trabajen en él. Ábrelo en Sublime Text y en tu navegador después de extraer la carpeta ZIP de Okno. Sublime Text te permitirá editar el código HTML para el diseño del sitio web, y tu navegador te permitirá ver los cambios en tiempo real.

ejemplo de sitio web html

</html>Luego guarde su documento.Este código define esencialmente el documento como HTML.Ahora vea las dos ‘etiquetas’ – html y /html. Son etiquetas de apertura y cierre y todo lo que hay entre ellas se define como ‘perteneciente’ al elemento html.Enhorabuena, has creado tu primer documento HTML. Sin embargo, todavía no tiene nada en él… Ahora vaya a W3Schools – HTML. Seleccione y copie el código del documento HTML de ejemplo y péguelo sobre el código que acaba de escribir. Este es un buen punto de partida para un documento básico de página web. Debería ser algo parecido a esto:<! DOCTYPE html>

</html>Ahora guarda tu documento, visita el documento en tu ordenador y ábrelo en un navegador web (por ejemplo, Chrome, Firefox, Explorer, etc.). Deberías ver el título del documento en la pestaña del navegador y los demás elementos visibles en el “cuerpo” de la página web.Sobre todo cuando se empieza, recomiendo utilizar la tecla de tabulación del teclado para sangrar y dar formato al código de la siguiente manera. De esta forma, es más fácil ver la estructura de las etiquetas de apertura y cierre:<! DOCTYPE html>

Ir arriba