Cargando

Ir a contenido

X


Ver Más! Si te gusta crear vídeos con tus mejores fotos o montajes de vídeos en DVD o Blu-ray, Wondershare DVD Creator es tu programa. Haz clic en el enlace, conoce todo lo que ofrece y cómo usarlo.


 


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
  • 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

Etiquetas-basicas-html_2.jpg

  • 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





Etiquetas-basicas-html_3.jpg

  • 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

Etiquetas-basicas-html_4.jpg

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

Etiquetas-basicas-html_5.jpg

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

Etiquetas-basicas-html_6.jpg

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

Etiquetas-basicas-html_7.jpg

  • 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

Etiquetas-basicas-html_8.jpg

  • 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.

Etiquetas-basicas-html_9.jpg

  • 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.

Etiquetas-basicas-html_10.jpg



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

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!
-
VOTA
5
0%
4
0%
3
0%
2
0%
1
0%

  Información

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