Todo lo de HTML

Aprende lo básico de la programación con este curso gratis para principiantes.

Si ya sabes algo de programación esta página la puedes usar cuando no recuerdes como hacer algo.

-TODO LO QUE APRENDI DE HTML

Aca voy a escribir todo lo que voy aprendiendo de HTML. Soy mayor de edad. Claramente no soy mayor de edad, cuando estoy escribiendo esto tengo 13 años.

Todo se empieza con estos signos < > y cada palabra hace una cosa distinta.
Las principales son:

  • H1 es el titulo de la pagina, tambien se pueden escribir H2, H3, H4, H5 y H6.
  • P es para escribir algun parrafo
  • B es para escribir alguna palabra en negrita
  • I es para escribir una palabra Italica
  • Strike es para escribir una palabra tachada
  • Small es para escribir una palabra chiquita

También estan los enlaces.
Si tu quieres que con un click te mande a otra pagina escribes A, por ej;

Haz Click Aquí para entrar a Youtube.
Haz Click Aquí para entrar a Google.
Si quieres que no te cierre tu pagina web escribes TARGET="_BLANK"


Tambien se puede mandarte a una pagina tuya poniendo su nombre como por ej;

Haz click aquí para entrar a la otra pagina.
Y si quieres volver a la anterior pagina vuelves a poner el nombre de la anterior.

Existen listas que se hacen escribiendo UL, que dentro de UL tienes que escribir LI que es para escribir los elementos de la lista.
Por ej:

Listas de compras

Si quieres que enves de los puntos te ponga numeros tienes que escribis OL.
Por Ej;

Las filas del signficado

  1. Esta todo lo frio
  2. Esta todo lo caliente
  3. Estan todas las galletitas y todo lo dulce
  4. Esta todo lo salado
  5. Estan todas las golosinas

Para poner una imagen tienes que escribir IMG y tienes que poner el nombre de su imagen.
Por ej:



Si quieres poner la imagen mas/menos ancha tienes que escribir Width y los pixeles que quieres
. Y si quieres poner la imagen mas/menos larga tienes que escribir Height.


Tambien se pueden poner videos, para eso necesitas poner Video. Despues de que hayas puesto video tienes que poner SRC dentro de el "Video". Tambien para tener el control del viedo necesitas poner CONTROLS, y con el audio es lo mismo. Por ej:



Despues esta el DIV que es casi igual al P la diferencia es que el P es para escribir parrafos largo en cambio div es para separar un mini texto o una frase. Pero lo correcto seria escribir el div y dentro del div escribir P o H1.
Por ej:

Nombre del producto

Precio $99

¡Esto es importante!
Si tu quieres poner un formulario tienes que escribir FORM y dentro de form puedes escribir input y dentro de input tienes que escribir:
Type TEXT: Que es para escribir texto.
Type PASSWORD: Que es para escribir contraseña.
Type NUMBER: Que es para escribir numeros.
Y Type EMAIL: Que es para escribir emails.
Por ej:


Tambien existen mas type como por ej:
Type COLOR
Que es para que la persona que esta visitando la web elija algun color.
Type RANGE
Que es para poner una linea, tambien puedes escribir MIN y MAX para poner los niveles que se mueve la linea.
Type DATE
Que es para pone una fecha.
Type TIME
Que es para poner una hora que quieras.
Type BUTTON
Que es para poner un boton. Que dentro del boton se le tiene que agregar un nombre poniendo VALUE.
Type SUBMIT
Que es para poner un boton de enviar.
Aca esta el ejemplo de todo esto:
Existe un elemento que se pone al lado del input que es "placeholder=loquequieras", este hace que este escrito por defecto lo que quieras en un form. Por ejemplo:
Tambien es importante que si quieres que el visitante de la web complete si o si el formulario necesitas poner REQUIRED dentro del imput que quieras. Todavia no llendonos del formato form esta el TEXTAREA que es para poner un texto con el tamaño que quiera el visitante, tambien se le puede agregar READOLY que es para que solo lo pueda leer y cambiar tamaño.

Ahora vamos a haber los metadatos que hay, los metadatos se ponen en el head:
META y dentro de meta hay que escribir CHARSET="utf-8"
Lo que hace este metadato es que podamos poner acentos en nuestra pagina web. Despues del meta tienes que escribir name y content ahi pones lo que sigue como por ej:
META name=author content="..."
Esto sirve para que el visitante pueda ver el autor de la pagina.

META name=copyright content="..."
Es para saber si su web tiene copyright.

Ahora vienen lo meta para mi mas importantes por ej:
META name="keywords" content="..."
Esto sirve para cuando alguien escriba en el buscador de google las palabras que pongas en el content= aparesca tu pagina primera (supuestamente) y tambien hay otra meta que hace casi lo mismo que es:
META name="description" content="..."
Esto es lo mismo pero con descripsion mas larga.
Para activar estas 2 cosas necesitas poner:
META name="robots" content="index"
Y si no quieres activar esto tienes que poner noindex en ves de index

Si quieres poner algo centrado pone center.

Como aqui.

Igual el center no es recomendable de usar.

Todo texto se puede identificar con ID.

Como hacer para que el usuario acceda con un click a donde tu quieres.
Como por ej:
Aca
Para hacer esto se necesita crear un texto donde quieras que te lleve, como h2, y dentro de él ponerle ID y el nombre que quieras (como CODIGO), luego tienes que poner A y dentro #... y su nombre (en este caso CODIGO), y le pones lo que quieras (como CLICK AQUI PARA SUBIR).
Esto se puede usar como por ejemplo en una pagina de noticias, que dice haz click aquí para ir a la noticia 1, aqui para la 2 y asi sucesivamente.

Tambien se puede poner iconos como por ej: el de youtube. Para eso tienes que poner:
Link y dentro rel, luego pones su atributo que en este caso es Icon. Depues dentro de link ponemos href y su ruta al lado (por ej:Imagen_Thiago.ico). IMPORTANTE