HTML consta de una serie de \u00f3rdenes que indican al navegador c\u00f3mo queremos que aparezcan representados todos los elementos (texto, im\u00e1genes, r\u00f3tulos, etc...) que contiene el documento. Estas \u00f3rdenes son las etiquetas, que van enmarcadas por los signos <>.<\/p>\n
Ejemplos:<\/p>\n
\n<a><\/strong> <font> <table><\/strong> , etc.<\/p>\n<\/blockquote>\n
Las etiquetas de HTML pueden ser de dos tipos: cerradas o abiertas.<\/p>\n
1. Etiquetas cerradas<\/h4>\n
Son aquellas que tienen una palabra clave que indica el principio de la etiqueta y otra que indica el final.<\/p>\n
Ejemplo:<\/p>\n
<p><\/strong>Esta lecci\u00f3n es f\u00e1cil<\/p><\/strong><\/span><\/p><\/blockquote>\n
La etiqueta <p><\/p><\/strong> es la que contiene el texto de un p\u00e1rrafo. Decimos que es etiqueta cerrada porque necesita <p><\/strong> para iniciar el p\u00e1rrafo y <\/p><\/strong> para cerrarlo. (Obrs\u00e9rvese la barra \"\/\" de la etiqueta de cierre)<\/p>\n
Entre la etiqueta inicial y la final se pueden encontrar otras etiquetas, encerradas unas por otras como si de mu\u00f1ecas rusas (matruskas) se tratara.<\/p>\n
\nEjemplo:<\/p>\n
<p><\/strong> Esta <b><\/strong>lecci\u00f3n<\/b><\/strong> es f\u00e1cil<\/p><\/strong><\/span><\/p>\n<\/blockquote>\n
La palabra \"lecci\u00f3n\" del ejemplo est\u00e1 encerrada dentro de la etiqueta <b><\/b<\/strong>> que indica estilo negrita. En este caso; \u00fanicamente la palabra \"lecci\u00f3n\" aparecer\u00e1 en negrita. Esto ser\u00e1 lo que veremos en el navegador:<\/p>\n
\nEsta lecci\u00f3n<\/strong> es f\u00e1cil.<\/span><\/p>\n<\/blockquote>\n
2.- Etiquetas abiertas:<\/h4>\n
Constan de una sola palabra clave. No necesitan cerrarse al final.
\nEjemplo:<\/p>\n\n<br><\/strong><\/p>\n
que indica salto de l\u00ednea.<\/p>\n
\n<\/blockquote>\n
Par\u00e1metros de las etiquetas.<\/h4>\n
Una etiqueta puede contener \"par\u00e1metros\", es decir, otras palabras claves que especifican y definen a\u00fan m\u00e1s concretamente cada etiqueta. Los par\u00e1metros se indican a continuaci\u00f3n de la palabra clave de la etiqueta y dentro de sus signos <><\/strong>.<\/p>\n
\nEjemplo:<\/p>\n
\n\n
\n <body bgcolor=\"#FFFFFF\"> <\/body><\/strong><\/td>\n Bgcolor<\/strong> es un par\u00e1metro de la etiqueta <body><\/strong>. Indica que el color de fondo del cuerpo del documento es blanco ( #FFFFFF)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n *nota: hemos resaltado las etiquetas en negrita para una mayor comprensi\u00f3n, pero no es necesario hacerlo en nuestro editor de texto.<\/p>\n","protected":false},"excerpt":{"rendered":"
HTML consta de una serie de \u00f3rdenes que indican al navegador c\u00f3mo queremos que aparezcan representados todos los elementos (texto, im\u00e1genes, r\u00f3tulos, etc...) que contiene el documento. Estas \u00f3rdenes son las etiquetas, que van enmarcadas por los signos <>. Ejemplos: <a> <font> <table> , etc. Las etiquetas de HTML pueden ser de dos tipos: cerradas […]<\/p>\n","protected":false},"author":1937,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[6435,2205,1503],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-etiquetas","tag-html","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/users\/1937"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":1,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/posts\/40\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}