HTML : Conocimientos básicos
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!
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:
<img src=»mi_imagen.jpg»>
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.
Dejar un comentario
¿Quieres unirte a la conversación?Siéntete libre de contribuir!