HTML (Romer Perez 4 Informatica)

Prof.
Gladys Fernández Nombre:

Romer J. Pérez A
C.I:31.374.821
4° Informatica
¿Que es HTML?
• HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de
marcado de hipertexto’), hace referencia al lenguaje de marcado para la
elaboración de páginas web. Es un estándar que sirve de referencia del
software que conecta con la elaboración de páginas web en sus diferentes
versiones, define una estructura básica y un código (denominado código
HTML) para la definición de contenido de una página web, como texto,
imágenes, videos, juegos, entre otros.
Características de HTML
• Semántica: Permite describir con mayor precisión cuál es su contenido.
• Conectividad: Permite comunicarse con el servidor de formas nuevas e innovadoras.
• Sin conexión y almacenamiento: Permite a las páginas web almacenar datos localmente en el lado del cliente y operar sin
conexión de manera más eficiente.
• Multimedia: Nos otorga un excelente soporte para utilizar contenido multimedia como lo son audio y video nativamente.
• Gráficos y efectos 2D/3D: Proporciona una amplia gama de nuevas características que se ocupan de los gráficos en la web
como lo son canvas 2D, WebGL, SVG, etc.
• Rendimiento e Integración: Proporciona una mayor optimización de la velocidad y un mejor uso del hardware.
• Acceso al dispositivo: Proporciona APIs para el uso de varios componentes internos de entrada y salida de nuestro
dispositivo.
• CSS3: Nos ofrece una nueva gran variedad de opciones para hacer diseños más sofisticados.
• Scripts y estilos. Si estos no se definen en un fichero independiente, se incluyen en la sección de cabecera para que estén
disponibles en todo el documento y no tener que repetirlos.
Ventaja y Desventaja
Siguen habiendo versiones nuevas cada cierto tiempo con nuevas funcionalidades. Esto, ya que es
un lenguaje muy utilizado por programadores, especialmente, para desarrollar proyectos web. Se
pueden encontrar algunas ventajas y desventajas de su uso.
Ventaja Desventaja
Permite describir hipertexto, • Desventajas: El diseño es
tiene un despliegue rápido, lo más lento, tiene un
reconoce y admite cualquier lenguaje estático y las
tipo de explorador y permite
archivos pequeños.
etiquetas son limitadas.
Etiquetas de HTML
Se diferencian dos tipos de etiquetas:
•Etiquetas de apertura. <etiqueta>
•Etiquetas de cierre. </etiqueta>
El lenguaje HTML está conformado por un sistema de etiquetas en serie o tags, que incluyen instrucciones que
los navegadores traducen como:
•Imágenes
•Texto
•Hipervínculos
•Listas de palabras
•Tablas, etc.
Así, para que un elemento de este tipo pueda ser leído, la etiqueta debe tener dos partes: una etiqueta de
inicio (<etiqueta>) y una de cierre (</etiqueta>) entre guiones (< >).
Por ejemplo, las etiquetas <strong> y </strong> definen un texto en negrita

Ejemplos de Código de HTML
• <body> es la etiqueta que contiene todos los elementos individuales del sitio. O dicho de otra forma, comprende todo el contenido
visible del sitio. Aquí podrás insertar texto, imágenes, videos o cualquier otra funcionalidad que desees mostrar.
Ejemplo de las cuatro etiquetas esenciales:
<html>
<head>
<title>Mi página de ejemplo</title>
</head>
<body>
Aquí va el contenido
</body>
</html>
Si creas un documento .html con este código y lo abres en tu navegador, verás algo como esto:
Ejemplos de Código de HTML
• h1> <h2>… <h6> son etiquetas que funcionan para agregar títulos y subtítulos en el cuerpo del texto, lo cual ayuda
a jerarquizar la información. Por cierto, te recomendamos utilizar la etiqueta H1 sólo una vez dentro del contenido.
Ejemplo:
• <h1>Esta es una etiqueta H1. Utilízala en el título.</h1>
• <h2>Esta es una etiqueta H2. Utilízala en los encabezados de secciones.</h2>
• <h3>Esta es una etiqueta H3. Utilízala en sub-secciones.</h3>
• <h4>Esta es una etiqueta H4. No se usan muy a menudo.</h4>
• <h5>Esta es una etiqueta H5.</h5>
• <h6>Esta es una etiqueta H6.</h6>
Que es una pagina web
• Una página web, página electrónica, página digital o ciberpágina,1?2? es
un documento o información electrónica capaz de contener texto, sonido,
vídeo, programas, enlaces, imágenes, hipervínculos y muchas otras cosas,
adaptada para la llamada World Wide Web (WWW), y que puede ser
accedida mediante un navegador web. Esta información se encuentra
generalmente en formato HTML o XHTML, y puede proporcionar acceso
a otras páginas web mediante enlaces de hipertexto. Frecuentemente
también incluyen otros recursos como pueden ser hojas de estilo en
cascada, scripts, imágenes digitales, entre otros.
Tipos de paginas web
• Una página web

• página electrónica,
• página digital
• ciberpágina
Ventaja y Desventaja de una pagina Web
Ventaja Desventaja
• Velocidad en la comunicación. •Uso de datos personales con fines desconocidos.
• Acceso a múltiples contenidos. •Estimula el sedentarismo.
• Difusión de contenidos propios. •Delincuencia digital.
• Simplificación de procesos. •Acoso en línea.
• Masificación del conocimiento. •Publicidad invasiva.
• Espíritu colaborativo. •Spam.
• Interacción con grupos de interés. •Noticias falsas.
• Generación de nuevos empleos. •Exposición a contenido inapropiado.
• Acceso a nuevos formatos de entretenimiento. •Puede generar adicción.
• Nuevas dinámicas sociales. •Limita la comunicación cara a cara.
Ejemplos de Paginas web
• Google • Yahoo!
• Gmail • Hotmail
• Wikipedia
• YouTube
• Pinterest

HTML (Romer Perez 4 Informatica)

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTML (Romer Perez 4 Informatica)

Cargado por

Copyright:

Formatos disponibles

Prof.

Gladys Fernández Nombre:

Por ejemplo, las etiquetas <strong> y </strong> definen un texto en negrita

• Una página web

También podría gustarte