{"id":2116,"date":"2019-03-09T11:17:18","date_gmt":"2019-03-09T10:17:18","guid":{"rendered":"https:\/\/websgalicia.es\/blog\/?p=2116"},"modified":"2025-09-25T12:06:11","modified_gmt":"2025-09-25T10:06:11","slug":"etiquetas-html","status":"publish","type":"post","link":"https:\/\/websgalicia.es\/blog\/etiquetas-html\/","title":{"rendered":"Etiquetas HTML. Qu\u00e9 son y c\u00f3mo se usan"},"content":{"rendered":"

Si ya eres un usuario avanzado en HTML este post no te ser\u00e1 de gran ayuda, pues se trata de una manera b\u00e1sica<\/p>\n

En este post vamos a hablar sobre las etiquetas HTML<\/strong> o tags HTML, pilares fundamentales para el dise\u00f1o de p\u00e1ginas web dado que todo s\u00edtio web, desde el m\u00e1s peque\u00f1o hasta el m\u00e1s avanzado hacen uso de ellas. Si est\u00e1s aprendiendo por tu cuenta o buscas mejorar tu p\u00e1gina, esta gu\u00eda te ser\u00e1 \u00fatil. Y si lo que necesitas es un dise\u00f1o web profesional en Vigo<\/strong>, en WebsGalicia<\/a> te ayudamos a transformar tus ideas en una web optimizada y lista para vender.<\/p>\n

\n

Desde el principio de Internet se hacen uso de ellas para la construcci\u00f3n de las p\u00e1ginas web, as\u00ed pues es unos de los primeros lenguajes de programaci\u00f3n usados y simplemente usando este lenguaje se puede crear un dise\u00f1o \u00absupersencillo\u00bb pero con una estructura entendible.<\/p>\n

La forma de escribir estas etiquetas es bastante f\u00e1cil, se comienza escribiendo el s\u00edmbolo \u00abmenor que\u00bb < , dentro se escribe el comando que se quiera usar y se termina con el s\u00edmbolo \u00abmayor que\u00bb >, y dependiendo del tipo de tag que queramos usar se cierran con la misma etiqueta solo que antes del primer s\u00edmbolo del cierre se a\u00f1ade una barra \/.<\/p>\n

Podemos usar las etiquetas HTML para crear p\u00e1rrafos de texto (<p>), insertar im\u00e1genes en nuestra pagina web (<img>), crear tablas <table>, construir listas <ul><li>,\u00a0 resaltar palabras o frases en negrita <strong> y un largo etc\u00e9tera.<\/p>\n

Por ejemplo, si queremos escribir un texto y resaltar una palabra en negrita, la codificaci\u00f3n resultar\u00eda as\u00ed:<\/p>\n

<p>Hola, esto es un texto de ejemplo con una palabra resaltada en <strong>negrita<\/strong><\/p><\/p><\/blockquote>\n

Y el resultado que interpreta el navegador, ser\u00eda este:<\/p>\n

Hola, esto es un texto de ejemplo con una palabra resaltada en negrita<\/strong><\/p><\/blockquote>\n

Vamos a plasmar otro ejemplo, en este caso quiero crear una lista de elementos.<\/p>\n

<ul><\/p>\n

<li>Elemento 1<\/li><\/p>\n

<li>Elemento 2<\/li><\/p>\n

<li>Elemento 3<\/li><\/p>\n

<\/ul><\/p><\/blockquote>\n

Como veis, esta etiqueta tiene un padre <ul><\/ul> que engloba a los hijos <li><\/li>, en este caso se trata de una lista de elementos sin numeraci\u00f3n (U<\/strong>nordered L<\/strong>ist) y en el navegador se veria asi.<\/p>\n