Introduccion al HTML
Enviado por xsander19 • 27 de Marzo de 2023 • Tareas • 2.685 Palabras (11 Páginas) • 95 Visitas
República Bolivariana de Venezuela
Ministerio del poder popular para la Educación
U.P.T.O.S “Clodosbaldo Russian”
Casanay, Edo. Sucre
[pic 1][pic 2][pic 3][pic 4]
Introducción
Toda página web se estructura con 3 elementos esenciales: el lenguaje de marcado (HTML), hojas de estilos (CSS) y scripts (JavaScript). Hablado ya sobre esto pues explicaremos que HTML significa Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto), Su función será la estructuración de la página que consiste en una serie de elementos que le dicen al navegador como mostrar el contenido mediante varias etiquetas de contenido como títulos, párrafos, tablas. Los navegadores no muestran las etiquetas HTML pero si muestran el resultado de estas.
Introduccion al HTML (HiperTextmarkuplanguage)
HTML es un lenguaje sencillo compuesto de elementos, que se pueden aplicar a partes de texto para darles un significado diferente en un documento, Las páginas web pueden ser vistas por el usuario mediante un tipo de aplicación llamada cliente web o "navegador", HTML es el lenguaje con el que se escribe el contenido de dichas páginas web es el lenguaje usado por para especificar el contenido que los navegadores deben representar a la hora de mostrar una página web.
Además del navegador necesario para ver los resultados de nuestro proyecto en HTML necesitamos otra cosa, un editor de texto El tipo de editores que se recomiendan son aquellos específicos para la edición de código, los cuales están facilitar los procesos de la programación y de la escritura de código plano como el del lenguaje HTML.
Partes de un documento HTML
-Etiqueta <html>
Un documento en HTML estará construido por texto y un conjunto de etiquetas para decir la función que juega cada contenido dentro de la página. Todo eso servirá al navegador para saber cómo se tendrá que presentar el texto y otros elementos en la página.
Existen etiquetas para todo tipo de usos ya sea para crear párrafos, imágenes, tablas, listas, enlaces, entre otras cosas.
Estructura de la etiqueta
La etiqueta presenta 2 partes su apertura y cierre, se encierran ambas partes entre símbolos (<) "menor que" y (>)"mayor que"
Apertura
El inicio de una etiqueta se realiza de la siguiente manera:
<etiqueta>
Cierre
El final se realiza similar a la apertura, aunque agregando una barra (/)
</etiqueta>
Todo lo ingresado en el interior de esa etiqueta sufrirá las modificaciones que caracterizan a esta etiqueta.
Ejemplos
La B define un texto en negrita si escribimos una frase con el código, un ejemplo de eso <b>Esto se escribiría en negritas<b>
La etiqueta P define un párrafo y estarían separados por un doble salto de línea, Ejemplo
<p> Esto es un párrafo <p>
<p> Este es otro <p>
La etiqueta br se interpreta como un separador de línea
Esto es una línea
<br>
Esto es otra línea
- La cabeza </Head>
Esta es la cabecera del documento donde colocaremos categoría informativa como por ejemplo el título de nuestra pagina
- El cuerpo</body>
Aquí será donde ingresemos nuestro texto e imagines definido a su vez por otras etiquetas.
El resultado de todo lo visto seria algo así
<html>
<head>
<title> Documento HTML </title>
</head>
<body>
<p>Este es la estructura de mi primera página HTML</p>
<p>Este segundo párrafo también forma parte del cuerpo</p>
</body>
</html>
Formato básico
Uno de los aspectos primordiales del formateo de un texto es el de la propia letra Resulta común y práctico presentar texto resaltado en negrita, itálica y otros, el uso de índices, subíndices resulta vital para la publicación de textos. Todo esto y mucho más es posible por gracias a HTML a partir de multitud de etiquetas entre las cuales vamos a presentar algunas.
-Negrita
<b> Resultado </b>
Obtenemos esto
Resultado
-Itálica
<i> Texto en itálica </i>
Obtenemos esto
Texto en itálica
-Subrayado
<U> texto subrayado <U>
Obtenemos
Texto subrayado
-Subíndice y supra índice
<sup> y </sup> para los supra índices
<sub> y </sub> para los subíndices
Ejemplo
La <sup>13</sup>CC<sub>3</sub>H<sub>4</sub>ClNOS es un heterociclo alergeno enriquecido
Obtenemos[pic 5]
-Anidar etiquetas
Todas estas etiquetas pueden ser anidadas unas dentro de otras de manera a conseguir resultados diferentes. Podemos crear texto en negrita e itálica ingresando una etiqueta dentro de la otra:
<b>Esto solo está en negrita <i>y esto en negrita e itálica</i></b>
Obtenemos
Esto solo está en negrita y esto en negrita e itálica
Colores en HTML
En HTML se usa una notación específica de especificar un color, compuesta por tres valores "RGB": Red, Green, Blue. Rojo, Verde y Azul. Es decir, que para conseguir un color cualquiera mezclaremos cantidades de cada uno de esos colores. Como parte de nuestro aprendizaje de HTML tenemos que detenernos a comprender cómo se expresan los colores en el lenguaje.
Los valores RBG en HTML se indican en numeración hexadecimal, en base 16, Como no hay tantos dígitos numéricos, se utilizan las letras de la A hasta la F), Colocamos también una almohadilla "#" al principio, para indicar que esa cadena es un valor de color en hexadecimal.
...