Please enable JavaScript.
Coggle requires JavaScript to display documents.
Elaboración de páginas web con lenguaje de marcas ((Lenguaje HTML (Es un…
Elaboración de páginas web con lenguaje de marcas
Lenguaje HTML
Es un lenguaje de marcas que se utiliza para describir las páginas web. que significa Lenguaje de Marcado de Hipertextos (HyperText Markup Language), es la pieza más básica para la construcción de la web y se usa para definir el sentido y estructura del contenido en una página web. Otras tecnologías además de HTML son usadas generalmente para describir la apariencia/presentación de una página web (CSS) o su funcionalidad (JavaScript).
"Hipertexto" se refiere a los enlaces que conectan las páginas web entre sí, ya sea dentro de un mismo sitio web o entre diferentes sitios web. los vínculos son un aspecto fundamental de la web. Al subir contenido a Internet y vincularlo a páginas creadas por otras personas, te haces participante activo en la red mundial (World Wide Web).
Estructura HTLM
<head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video>, <ul>, <ol>, <li>
Introducción
Los lenguajes de marca no son equivalentes a los lenguajes de programación, aunque se definan igualmente como lenguajes. Son sistemas complejos de descripción de información, normalmente documentos que, si se ajustan a SGML, se pueden controlar cualquier editor ASCII.
Reglas de HTML
Obligatorio:
delimitar el ámbito de las etiquetas (salvo excepciones)
etiqueta interna se cierra antes que externa
etiquetas a nivel de bloque pueden contener etiquetas a nivel de línea, pero no al revés
etiquetas no sensitivas a mayúsculas
en vez de espacios agregar raya al piso
Pero no está de más cumplir además con XHTML:
Cerrar todos los tags, ie: <p> ... </p>, <li> ... </li>
Incluir marca de cierre para tags vacíos, ie: <hr />, <br />
Poner entre comillas todos los atributos, ie: <img src="miimagen.gif" />
Todos los tags en minúsculas
Terminar con </html>
Etiquetas para formateo de texto
El formateo del texto, o sea, el formato del texto, son una serie de etiquetas que escribimos en html rodeando la palabra o el texto y que transforman ese texto en el formato que nosotros le hemos querido dar. Anteriormente ya hemos visto en un pequeño texto introductorio como se ponía la negrita y la itálica.
Etiquetas para listas
Las listas no ordenadas son aquellas que se encuentran entre las etiquetas <ul> y </ul> (ul indica unordered list), etiqueta de apertura y cierre respectivamente. Si queremos añadir un nuevo punto, lo tendremos que hacer dentro de las etiquetas <li> y </li>.
Enlaces links e impervínculos
Un hiperenlace o hipervínculo (del inglés hyperlink), o sencillamente enlace o vínculo (link), es un elemento de un documento electrónico que hace referencia a otro recurso, como por ejemplo un punto específico de un documento o de otro documento.
Imágenes
Un hiperenlace o hipervínculo (del inglés hyperlink), o sencillamente enlace o vínculo (link), es un elemento de un documento electrónico que hace referencia a otro recurso, como por ejemplo un punto específico de un documento o de otro documento.
Tablas
se refiere al tipo de modelado de datos donde se guardan los datos recogidos por un programa. Su estructura general se asemeja a la vista general de un programa de hoja de cálculo. Las tablas se componen de dos estructuras: Campo: Corresponde al nombre de la columna.
Flames
es un procedimiento del lenguaje HTML para dividir la pantalla en diferentes zonas, o ventanas, que pueden actuar independientemente unas de otras, como si se trataran de páginas diferentes, pues incluso cada una de ellas pueden tener sus propias barras deslizadoras.
Formularios
Documento impreso que contiene preguntas y espacios en blanco para rellenar a mano o con máquina de escribir en la realización de ciertos trámites.
HTML 5
Con la aparición del HTML5 se han mejorado muchas cosas que antes eran mucho más complejas, como hemos visto introducir un vídeo ahora es muy sencillo. Pero desde mi punto de vista una de las tareas que más se han facilitado con el HTML5 es la creación de formularios, antes era muy complejo controlar que los campos se usen de forma adecuada, por ejemplo que un campo numérico tenga números, que tenga formato fecha, etc. Ahora todo se hace mucho más sencillo.