Últimos temas
» [SKIN] Hello? how are you
por Unity Vie Ene 06, 2017 11:55 pm

» Pack 1 de html (personaje + firma)
por Rose Jue Ene 05, 2017 5:19 pm

» [FIRMA] Mikagura Suite
por Natty Mar Dic 27, 2016 9:57 am

» [SKIN] Attack No Titan
por Flowman Jue Dic 15, 2016 8:51 pm

» Owari no seraph's
por Cool Skelleton_95 Mar Nov 15, 2016 2:04 pm

» Simple flutter
por Amaranth Miér Oct 26, 2016 8:54 am

» Duda sobre sorteo de skin
por SS Jue Sep 15, 2016 8:22 pm

» [MOVIL] [ FA ] Haikyuu
por Sarisha Mar Ago 30, 2016 6:07 am

» Pedido grafico
por DangerStRichard Dom Ago 28, 2016 7:09 pm


{TUTORIAL HTML} Etiquetas Básicas

Ver el tema anterior Ver el tema siguiente Ir abajo

{TUTORIAL HTML} Etiquetas Básicas

Mensaje por Mikae el Jue Jul 09, 2015 10:00 am

Etiquetas Básicas
Nombre del tutorial: Etiquetas Básicas
Dificultad: Básica
Tiempo de lectura: 10 minutos.
Creador del tutorial: Mikae
Si está dedicado a alguien en particular: Todo aquel que lo lea.  

Bases y Recordatorios

Todos los archivos HTML deben ser introducidos entre balizas, tal como el BBCODE, en este tutorial tocaremos elemento/etiquetas que son usadas en webs, aunque en foros no mayormente, pero son de mucha utilidad.


Recuerda en cada etiqueta siempre abrir balizas, es decir:
Código:
<etiqueta aquí>
y debe contener su cierre
Código:
<etiqueta aquí></este el es cierre de la etiqueta>

Si aplicamos por ejemplo la etiqueta div, vendría a ser así la estructura:
Código:
<div></div>


Manos a la obra

Encabezados
Es definido para títulos cono
Código:
<h1> o <h6>
Estos permiten transformar un div o un texto en algo que sea parte de un encabezado, como el aumento de tamaño dependiendo del número de h que uses, es decir h1, h2, h3, h4, h5

Aunque viene de mayor a menor es decir el número de encabezado h1 es el más grande, y así sucesivamente se vuelve más pequeño.

Ejemplo
El Síntesis es
Código:
<h1>Texto</h1>


Párrafos
Esto sirve para modificar la letra del comienzo de los textos en divs, o para dividir un texto en párrafos. Se usa la "p", es decir su síntesis es:
Código:
<p></p>

Links
Los links HTML se definen con la etiqueta
Código:
<a>
, es decir su síntesis es
Código:
<a></a>
¡Pero espera un momento! Eso no es suficiente, debes acompañarlo de que la dirección del enlace se especifica en el atributo href. Los atributos se utilizan para proporcionar información adicional acerca de los elementos HTML. Es decir para los enlaces al colocar su link seria
Código:
<a href="LINK AQUI"></a>

Imágenes
¿Recuerdas como se usaba el IMG en el BBCODE, pues es algo parecido en el HTML, solo que se reemplaza los corchetes. Imágenes HTML se definen con la etiqueta . El archivo de origen (src), texto alternativo (alt). Es decir su síntesis seria:
Código:
<img src="LINK DE LA IMAGEN">

mikae © 2016
avatar
Mikae

Mensajes : 275

Ver perfil de usuario

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.