Proyecto Final: 1 Mes
CCS (Visual Studio Code)
Hiper text
HTML es el único lenguaje para páginas webs, Brawsers.
Html usa etiquetas para mostrar a los brawsers
CCS selectores
Javascrip
Para crear lo que hacemos es darle a Save (Si tiene varias páginas, a la principal ponle Index) y
guardamos como HTML (<>)
Las etiquetas se crean con mayor y menor que, entre los símbolos se nombre la etiqueta.
<HTML> esta abre y cierra (</html>) siempre un documento html.
< abre > cierra
HTML le da funcionamiento a todo lo que esta dentro de ella.
Head le da entrada
Todo lo que sea visual en <body, nada visual en el <Head
<b> <strong> Negrita
<P> párrafo
<I> <em> cursiva
<small> texto en pequeño
Cual es la etiqueta padre, la etiqueta Hijo (la qu esta dentro es la etiqeuta hijo)
<Marquee> Efecto movimiento (Marquesina)
<Lorem> Probar texto
View > Word Wrap para que se vizualise bien lo que sale de la pantalla.
<br> (Es solo de apertura, no necesita ser cerrada) </br> (accesibilidad y cemantica) espacio da
una línea (Like Shift A)
<hr>
Cada p agrega un salto de línea de 2 <br>
<H1-6> Es para cabeceras o títulos, el 1 es más grande y el 6 mas pequeño (Estos no necesitan
Br o espacio, ya que vienen con su espacio.)
Buscar el nombre del plugin.
Hiper vinculo es un enlace o un puente entre 2 documentos electrónicos.
Internet es un conjunto de HTML unidos por enlaces.
<a> link (Href atributo) para que lo link funcionen necesitan un atributo que hace referencia al
sitio al que se ira,
Href solo funciona <a> y en otra
Cuando usamos <a> para linkear debemos ponerle Https para que acceder a las paginas que
queremos ir.
<Id> eso es un identificador único para buscar en ancla con los links de A y href.
Class es para añadir ccs funciona en todas
Target atrivuto
imágenes <IMG> + src
El menu siempre es lo primero en el body de la pagina web.
src es para arcvhivo mutlimedia
Href para docuemntos electrónicos sea html o ccs
Enrutamiento Ruta absoluta (NO USAR) y relativa (SI USAR)
Bajar tama;o <Width> <Higth> <Alt>
HTML tiene 5 versiones
Head
middel
Fullet
32x32
16x16
64x64
Analizar documento HTML de W3
Que es HTML
“HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas
de Internet. Se trata de las siglas que corresponden a HyperText Markup
Language, es decir, Lenguaje de Marcas de Hipertexto”.
El HTML es algo que vemos de manera cotidiana cada vez que usamos la
Internet para navegar a través de esta, está presente de todas las páginas web
de manera oculta ya que lo que vemos es el resultado de las ordenes que le
damos al Broswer mediante HTML.
Historia de HTML
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee,
trabajador del CERN (Organización Europea para la Investigación Nuclear)
propuso un nuevo sistema de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito
de la informática, el "hipertexto" permitía que los usuarios accedieran a la
información relacionada con los documentos electrónicos que estaban
visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían
asimilarse a los enlaces de las páginas web actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo
presentó a una convocatoria organizada para desarrollar un sistema
de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de
sistemas Robert Cailliau, presentaron la propuesta ganadora
llamada WorldWideWeb (W3).
El primer documento formal con la descripción de HTML se publicó en 1991 bajo
el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado
online a modo de reliquia informática.
Ahora veremos la composición de una etiqueta que sirve para marcar ordenes
al navegador
Atributo (Variable, el valor vienen siendo el dato)
En algunas etiquetas HTML, existen algunos atributos específicos (que pueden
ser opcionales u obligatorios). Los atributos determinan cierta información sobre
la etiqueta (o su modo de actuar) y generalmente van asociados a un valor
determinado. Este par atributo-valor se escribe después del nombre de la
etiqueta, separándola por espacio y antes del carácter > de la etiqueta de
apertura:
Existen 3 tipos de atributos dependiendo de sus valores:
Conjunto finito de valores: Son los atributos en los que puedes
especificarle una serie de valores limitada. Cualquier otro valor que no
sea uno de ellos, no será válido.
Ejemplo:
< img width="350">
el 350 representa un valor fijo.
Valores libres: Son los atributos en los que puedes especificar un valor
libremente, como una dirección URL o un texto, y no existe una serie de
valores específicos para escribir.
Ejemplo:
< img class="imagen">
la clase imagen sirve como variable que puede contener varios valores dentro
de el mismo.
Valores booleanos: Son los atributos que deben tener un valor
verdadero (true) o un valor falso (false). En HTML5 estos atributos se
escriben sin valor (solo el atributo) si son verdaderos y se omiten para
indicar que son falsos.
ejemplo:
<video loop="true">
el valor del atributo loop tiene 2 valores únicamente True o False
