Logo Studenta

Desarrollo web

¡Estudia con miles de materiales!

Vista previa del material en texto

Elementos de unapágina web
Es el lenguaje de marcado utilizado para
estructurar el contenido de una página web. Define
la estructura y organización de la página mediante
etiquetas como <html>, <head>, <title>, <body>,
<div>, <p>, <ul>, <li>, entre otras. 
HTML (HyperText Markup
Language)
Se utiliza para controlar la presentación y el estilo
de los elementos HTML. Permite definir colores,
fuentes, márgenes, espaciado y diseño en general.
Los estilos CSS se pueden incluir en un archivo
externo o en línea usando etiquetas <style>. 
CSS (Cascading Style
Sheets)
Es un lenguaje de programación que se utiliza para
agregar interactividad y dinamismo a una página
web. Puede manipular el contenido, responder a
eventos del usuario y comunicarse con servidores
para cargar datos en tiempo real. 
JavaScript
Las imágenes, como logotipos, fotografías e
ilustraciones, son elementos visuales clave en una
página web. Se insertan con la etiqueta <img> y
pueden estar en formatos como JPG, PNG, GIF,
SVG, entre otros.
Imágenes
Los enlaces permiten a los usuarios
navegar a otras páginas web o recursos
dentro del mismo sitio. Se crean con la
etiqueta <a> y el atributo href.
Enlaces (hipervínculos)
Textos y Contenido
El contenido textual es fundamental en una página
web. Se utiliza para proporcionar información,
descripciones, títulos y otros elementos de texto.
Las etiquetas de texto incluyen <h1>, <p>, <span>,
<a>, entre otras. 
permiten a los usuarios ingresar datos y enviar
información al servidor web. Los elementos de
formulario incluyen campos de texto, casillas de
verificación, botones de opción y botones de envío.
Se definen con etiquetas como <form>, <input>,
<textarea>, <select>. 
Formularios
Además de imágenes, las páginas web pueden
incluir elementos multimedia como videos y audio.
Los elementos de video se definen con la etiqueta
<video>, mientras que los elementos de audio se
definen con la etiqueta <audio>. 
 
Multimedia
La cabecera generalmente contiene información
como el logotipo, el título de la página y enlaces de
navegación. El pie de página puede incluir
información de contacto, enlaces adicionales y
derechos de autor. 
Cabecera (Header) y Pie
de Página (Footer)
Los estilos y diseños responsivos son importantes
para garantizar que la página web se vea bien y sea
funcional en diferentes dispositivos y tamaños de
pantalla. 
Estilos y Diseño
Responsivo
Los metadatos, como las etiquetas <meta>, se
utilizan para proporcionar información adicional
sobre la página web, como la descripción, palabras
clave y codificación de caracteres. 
Metadatos
Archivos CSS y JavaScript
Externos
Es común utilizar archivos CSS y JavaScript
externos para mantener el código más organizado
y facilitar su reutilización.

Continuar navegando