Cargando

Ir a contenido


 


Aprendiendo HTML (Etiquetas básicas)

Existen diversas etiquetas en el lenguaje html, en el presente tutorial podrás observar las más utilizadas.Visualizarás el código y su apariencia en pantalla. Necesitarás crear una carpeta para seguir los ejemplos llamada “HTML BÁSICO”.


Escrito por el jul 11 2013 11:31 etiquetas html html basico etiquetas


Etiquetas
  • Encabezados: Se utilizan para marcar los títulos de las secciones. Esta etiqueta puede tener 6 valores posibles que empiezan desde el 1. Abrimos bloc de notas para empezar a desarrollar el archivo con el siguiente código, lo guardamos con el nombre encabezados.html:

  • Bloques: Esta etiqueta se utiliza para separar párrafos, texto preformateado, bloques como frases o direcciones. Crear archivo bloques.html
  • <p> y </p> Definir un párrafo.
  • <pre> y </pre> El texto que se encuentre dentro de estas etiquetas será interpretado por el navegador con el formato que haya sido introducido, es útil para cuando se desea mostrar líneas de código.
  • <address> y </address> Se emplea para identificar una dirección.
  • <blockquote> y </blockquote> Útil para destacar frases. El texto introducido dentro de estas marcas se presentará con un formato con sangría y cursiva.
Generar archivo bloques.html

  • Fondos y colores de texto: Estos atributos deben ser asignados en la etiqueta <body>
  • bgcolor: Define un color de fondo para todo el documento.
  • background: Establecer una imagen como fondo.
  • text: Color de letra para todo el documento.

Generar archivo body.html





  • Tipo y tamaño de letra: Etiqueta <FONT> cuenta con los atributos:
  • face: para establecer el tipo de letra.
  • size: tamaño de letra.
  • color: especifica el color de los caracteres, en formato hexadecimal.
Generar archivo tipodeletra.html

  • Estilos: Los clásicos estilos de negrita, cursiva, subrayado. Generar archivo estilos.html

  • Enlaces: Permiten a los usuarios navegar entre las páginas de un sitio web o hacia sitios externos. Generar archivo enlaces.html

  • Listas: Existen tres tipos de listas. Descriptiva, Regulares y Anidadas. Generar archivo listas.html

  • Tablas: Se establece entre las marcas <TABLE> y </TABLE> anteriormente se utilizaban para dar la estructura a toda la página web. Fueron reemplazadas por el elemento <DIV> que es más flexible. La etiqueta <tr> genera un renglón para la tabla y <td> genera una celda. Generar archivo tablas.html

  • Imágenes: Etiqueta <IMG />, en este caso la etiqueta puede ser cerrada en la misma marca de apertura; se puede observar el símbolo “/” al final de la línea de código. Atributos:
  • SRC: Indica la ubicación de la imagen.
  • WIDTH/HEIGHT: Ancho y alto de la imagen. (tamaño)
Generar archivo imagenes.html.

  • Formularios: Son utilizados para transferir información desde el cliente al servidor. Los formularios soportan elementos de entrada como los campos de texto, casillas de verificación, botones, áreas de texto, etc.



Lo más importante en el aprendizaje del lenguaje HTML (y en todos los ámbitos) es la práctica, pues de esta forma logrará familiarizarse con los elementos y sabrá cuál utilizar dependiendo el caso y de forma adecuada.
¿Te ha gustado y ayudado este Tutorial?
Puedes premiar al autor pulsando este botón para darle un punto positivo
  • -
  • 0
-
VOTA
5
0%
4
0%
3
0%
2
0%
1
0%

  Información

  •   Publicado jul 11 2013 11:31
  •   Visitas 2K
  •   Nivel
    Básico



Tutoriales Relacionados


Sin comentarios, sé el primero!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!
Demuestra que eres experto!
  ESCRIBIR TUTORIAL
Suscribirse