Check the new version here

Popular channels

Lenguaje HTML Introduccion[Parte 1]




Hola queridos usuarios de T!

Este será el primero de cinco post realizando una introducción al uso del lenguaje HTML.

No voy a adelantar demasiado, vamos a aprender de una buena vez.





Introducción

La unidad básica donde esta almacenada la información en la "WWW" (World Wide Web) son las Páginas Web. Estas páginas se caracterizan por contener texto, imágenes, animaciones, sonido y video.



¿Que es HTML?




  • Acrónimo ingés de "Hyper Text Markup Language" (Lenguaje de Marcas de Hypertexto)
  • Es el lenguaje de marcado predominante para la construcción de páginas web.
  • Usado para describir la estructura y el contenido de la pagina en forma de texto, como así también imágenes y otros objetos.




¿Que se necesita para crear una página web?

  • Un editor de texto simple es todo lo necesario para crear una página Web (yo empecé con el Bloc de Notas y luego pase a Notepad++)
  • Guardar el archivo (con formato de texto) con la extensión “.html”




Editores HTML

  • Asistentes
  • Conversores
  • Editores WYSIWYG (What You See Is What You Get, lo que ves es lo que obtienes)




Bases de HTML

Las órdenes de este lenguaje están formadas por unos comandos llamados "etiquetas":


Pueden tener parámetros (Atributos):


EJEMPLO 1:
La etiqueta
para crear una línea horizontal:



EJEMPLO 2:

para indicarle el tamaño la línea horizontal




Estructura de una página
HTML esta formado por bloques (primero especificando que el documento es html)
  • Cabecera: Información que afectará a toda la página
  • Cuerpo: Elementos de los que queremos que conste nuestra página como texto, imágenes, tablas, etc.





Encabezados
  • Encabezado 1

  • Encabezado 2

  • Encabezado 3

  • Encabezado 4

  • Encabezado 5
  • Encabezado 6




Párrafos en HTML
  • Todos los espaciados múltiples, tabulados o saltos de línea que se incluyan en los textos serán interpretados como un único espacio.
  • Etiqueta
    para el salto de línea
  • Etiqueta

    para delimitar un párrafo
  • Agrega una línea en blanco entre párrafos


EJEMPLO 1:


EJEMPLO 2:



Parrafos en HTML: Alineación
Agregar el atributo “align” a la etiqueta


Puede tener 4 valores:
  • "center" = centrado.
  • "left" = alineación izquierda.
  • "right" = alineación derecha.
  • “justify” = justificado.


EJEMPLO:


Durante todo el post tome mate



Durante todo el post tome mate



Durante todo el post tome mate



Durante todo el post tome mate






¿Cómo insertar imágenes?
Para insertar una imagen en una página se usa la etiqueta

EJEMPLO:
Pulsa en la flecha src="Flecha1.png“ /> para pasar a la página siguiente.

IMAGEN =>





Formato de texto

El lenguaje HTML permite dar varios tipos de formatos al texto de nuestras páginas. Para ello usa una serie de etiquetas:
  • Etiquetas estilo físico: Especifican exactamente cómo debe ser formateado el texto
  • Etiquetas estilo lógico: Estas etiquetas simplemente describirán el texto, y el navegador lo mostrará de la manera más conveniente


Etiquetas estilo físico:

Texto en negrita: etiqueta ...
Texto en cursiva: etiqueta ...
Texto con letras de tamaño fijo: la etiqueta ... permite decirle al navegador que use
un tipo de letra mono-espaciado.
Tachar una palabra: etiqueta ...
Aumentar el tamaño del texto: etiqueta ...
Reducir el tamaño del texto: etiqueta ...
Subíndices y Superíndices: etiquetas ... y ... respectivamente
Texto subrayado: etiqueta ...





Etiquetas estilo lógico:

...: sirve para indicar que el texto que modifique es de mayor importancia que el resto. Los navegadores gráficos en general muestran el texto en negrita.
...: de EMphasize suele mostrar el texto en cursiva.
...: texto que forma parte de un código. Será mostrado con un tipo de letra monoespaciada.
...: SAMPle (muestra) y suele utilizarse para formatear ejemplos, muestras, códigos de scripts, etc. Produce el mismo efecto que ...< /code>
...: delimita texto escrito por el usuario, variables, argumentos de comandos...Se muestra como en cursiva.
...:Esta etiqueta suele ser usada para introducir una cita o una referencia. También se muestra en cursiva.
: usada para introducir una definición. Igualmente se muestra en cursiva.





SIGUIENTE POST:






ESO SI......

0
0
0
22
0No comments yet