Mostrando entradas con la etiqueta crear archivo html. Mostrar todas las entradas
Mostrando entradas con la etiqueta crear archivo html. Mostrar todas las entradas

miércoles, 26 de febrero de 2020

Página web básica - Curso HTML 5 Básico - Capítulo 3

Cómo crear una página web básica

página web básica


Etiquetas básicas en todo documento HTML 5:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>

<body>
</body>
</html>

Etiqueta <!doctype html>

Esta etiqueta especifica el tipo de documento, en este caso HTML.

Etiqueta <html>

El documento HTML empieza con la etiqueta <html> y termina con su respectivo cierre </html>.

Esta etiqueta es la que encapsula a las etiquetas <head> y <body>.

Etiqueta <head>

Es la cabecera de la página. Aquí colocamos cosas cómo las etiquetas, enlaces a páginas externas, el título de la página, etc.
Lo que coloquemos aquí no se va a mostrar al usuario que visite nuestra página.

Etiqueta <title>

Se coloca siempre dentro de las etiquetas head. Especifica el título de la página.

Etiqueta <body>

Es la parte visible del documento HTML. Esta es la parte que va a ver el usuario.
Aquí escribirás el texto de la página, las imágenes, los vídeos, los botones, etc.

viernes, 14 de febrero de 2020

Tu primera página web - Curso HTML 5 Básico - Capítulo 2

Tu primera página web

Tu primera página web


En este capítulo verás cómo crear una simple página web y guardarla.



Yo a lo largo del curso voy a utilizar Dreamweaver, pero tú puedes utilizar el que más te guste. Si no sabes cuál elegir, te recomiendo que leas el capítulo anterior: http://bit.ly/2H8zL6I

El primer paso para crear una página web es hacer click en Archivo > Nuevo...
página nueva Dreamweaver
Haga click en la imagen para ampliarla
A continuación debes crear un nuevo archivo HTML. Fíjate que esté seleccionada la versión HTML 5 como en la imagen.




Crear nuevo archivo html 5
Haga click en la imagen para ampliarla
Dreamweaver me ha autogenerado todas estas etiquetas HTML, que son las básicas en toda página, con lo que ya me he ahorrado escribirlas.

Haga click en la imagen para ampliarla
Para terminar con este capítulo voy a crear un simple párrafo para comprobar que la página funciona correctamente. Para crear un párrafo de texto debes utilizar las etiquetas <p> de apertura y de cierre </p> tal y como se muestra en el código de ejemplo.



Estas etiquetas sólo funcionan si están escritas entre las etiquetas <body></body>


Ejemplo de párrafos HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>

<body>
 
 <p>Este es mi primer párrafo.</p>
 
</body>
</html>

Ahora voy a cargar esta página en el navegador para ver el resultado. Para que funcione, primero debes guardar la página.

cómo guardar página web
Haga click en la imagen para ampliarla.

Una vez guardada, puedes abrir el archivo con el navegador o si utilizas Dreamweaver pulsar la tecla F12.


párrafo HTML