HTML es la Abreviatura de hipertext Markup Lenguaje o lenguaje de marcas de hipertexto.

CONOCIENDO HTML DESDE CERO

Curso de Desarrollo Web: HTML, CSS y JavaScript. Edición 2018 (Manuales Imprescindibles)

USANDO HTML

Con HTML podemos crear una web desde cero, añadir imágenes, textos o cualquier otro elemento de manera fácil, por eso te lo vamos a explicar en tutoriales de informatica

Debemos empezar sabiendo que todas las «ordenes» que daremos en este lenguaje se dan en tags o etiquetas, que tendrán la siguiente estructura:

<instrucción/>

Estas instrucciones siempre estarán dentro de la siguiente estructura:

<html>

<head>

</head>

<body>

</body>

</html>

Pero te preguntaras que donde podemos escribir estas instrucciones, nosotros recomendamos utilizar el programa Notepad++

Empezaremos a realizar nuestra primera página de manera sencilla en HTML.

PRIMER ARCHIVO HTML

Abriremos Notepad++ y escribiremos lo siguiente:

<html>
<head>
<title>Mi primer archivo HTML</title>
</head>
<body>
Hola Mundo
</body>
</html>

Guárdalo por ejemplo con el nombre prueba.html (importante que sea con extensión HTML)

Bien ahora solo nos queda ver que hemos hecho, abriremos el archivo con el navegador y… ¡ ahí lo tenemos!

<br />

COMPRENDIENDO LA ESTRUCTURA HTML

Como has podido ver en el ejemplo hemos añadido varias «instrucciones» que aparentemente no sirven para nada, vamos a explicarlas una a una.

Todo documento HTML empieza y acaba con las etiquetas <html></html> , de esta manera indicamos el lenguaje que usaremos dentro de nuestro archivo.

A continuación aparecen las etiquetas <head></head> , aquí se añadiran estilos, script y demas contenido ajeno a HTML pero que influye en el comportamiento de nuestro HTML.

Para finalizar tendremos las etiquetas <body></body> . Dentro de estas etiquetas es donde añadiremos todo lo que se verá de nuestro código

ALGUNAS ETIQUETAS HTML

Como ejercicio intenta cambiar el archivo prueba.html añadiendo y quitando las siguientes etiquetas HTML para ver el funcionamiento de ellas.

<br> : Salto de linea. Tiene como particularidad que no hace falta añadir </br>

<p><p/> Párrafo

<h1></h1> Se usa para añadir titulares. Se puede variar el número del 1 al 6 dependiendo de como queramos el tamaño de la fuente, siendo 1 el más grande.

Crear una lista:

<ul>
<li> Nombre1</li>
<li>Nombre2</li>
</ul>

<center> </center> centrado

<b> </b> Párrafo negrita.

<i> </i> Párrafo cursiva.

Cómo añadir imágenes en HTML

Podremos añadir imágenes en nuestro código HTML usando el tag <img src=»rutadelaimagen»>

Ejemplo:

CONCLUSIÓN

Podemos combinar todas las etiquetas que queramos usar para añadir textos,img.. en nuestra web. Mas adelante podremos ver mas tags y como añadir estilos en nuestro HTML.

HTML, CSS y Javascript. La Guía Definitiva

HTML : Conocimientos básicos