Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Introducción Al HTML
Introducción Al HTML
Docente
Herramientas Multimedia
Las etiquetas, marcas o tags, son letras y números envueltos entre un signo "menor que“ ( < )
y un signo "mayor que“ ( > ), por ejemplo:
Existen dos tipos de etiquetas: la etiqueta de apertura “ < > “y la etiqueta de cierre “ </> “(es
decir, la que va por delante y la que va por detrás del texto que envolvemos entre ambas etiquetas.
Etiquetas HTML
Etiqueta de cierre, formada por un signo "menor que", una "barra", el mismo nombre
de etiqueta que estaba en la apertura, y un signo "mayor que". Ejemplo: </title>
</head>
<body> El Elemento HTML body representa el contenido de un documento HTML. Todos los
elemento que efectivamente se visualizarán en el navegador estarán dentro del ámbito
de <body> y </body>.
</body>
</html>
Maquetación HTML
Etiquetas HTML básicas
Para demarcar y envolver los grandes bloques o zonas de contenidos de una página web, en HTML5 contamos con
el concepto clarificador de “sección”. Su punto clave es que la mayoría de los contenidos que se ubican entre la
apertura y el cierre de la etiqueta body, deberían estar incluidos dentro de alguna etiqueta de sección.
Es ideal que no existan elementos “sueltos” dentro del body, sino que subdividamos a ese body en secciones, dentro
de las cuales sí estarán los contenidos propiamente dichos. A su vez, las secciones pueden anidarse dentro de otras
secciones, formando un esquema en forma de árbol.
Una sección se define como un conjunto de elementos relacionados, que tienen algo en común, por lo cual merecen
estar agrupados dentro de un mismo elemento contenedor.
Etiquetas HTML básicas
Las etiquetas contenedoras son:
• <div> división dentro del contenido zonas o bloques en nuestra página, tales como la
cabecera, el pie de página, el menú, una zona para banners, o una zona para el cuerpo
principal de la página.
• <header > Contiene el encabezado de la página, como por ejemplo el banner, slogan o logo
de la pagina.
• <section> La etiqueta section se utiliza para englobar contenidos relacionados entre sí
• <article> Es la etiqueta que debe envolver a cada contenido independiente de una página
HTML.
• <aside > El contenido del aside puede referirse a contenido complementario a nivel de sitio
(enlaces a artículos anteriores, banners).
• <nav> Esta etiqueta se utiliza para envolver las barras de navegación “importantes” o menús
que tenga una página.
• <footer> Es el pie de página, se utiliza para incluir información adicional, como datos de
contacto del autor de la página.
Etiquetas HTML básicas
Hay una serie de etiquetas que son las más usadas para crear cualquier documento HTML.
• <p> para parágrafos
• <i> Se usa para aplicar cursiva al formato de un texto.
• <strong> para poner el texto en negrita
• <a> para enlaces
• <br> para saltos de línea
• <H1>…<H6> para títulos dentro del contenido
• <img> para añadir imágenes al documento
• <ol> para listas ordenadas
• <ul> para listas desordenadas
• <li> para elementos dentro de la lista
• <span> para estilos de una parte del texto
Referencias
• Beati, H. (2015). HTML5 y CSS3 - Para diseñadores. (1ª Ed.).
Alfaomega. https://www.alfaomegacloud.com/reader/html5-y-css3-
para-disenadores?location=23