Patrocinadores

domingo, 13 de septiembre de 2015

HTML | Etiquetas básicas

En este post les voy a dejar unos ejemplos de etiquetas básicas de HTML

Si quieres ver la version completa por favor entra a la pagina oficial (esta mejor estructurado)

Link de la pagina

Estructura de una página web


1
2
3
4
5
6
7
8
<html>
<head>
  <title>Primera pagina de Pepe</title>
</head>
<body>
Ésta es la primera página de SoftPlus
</body>
</html>


Delimita y engloba toda la página web, que consta de cabecera y cuerpo:
1
<HTML> … </HTML>



Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los buscadores para interpretar o a encontrar correctamente la página:
1
<HEAD> … </HEAD>



Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador:
1
<TITLE> … </TITLE>




Metadatos


Delimita y engloba el cuerpo de la página, que son el conjunto de informaciones (texto e imágenes) que se muestran en la página, así como las indicaciones de cómo deben mostrarse:
1
<BODY> … </BODY>



Formatos de párrafo



El texto de la página se puede estructurar en encabezamientos de los diferentes apartados de la página, que pueden tener distintos niveles de 1 a 6 (siendo 1 el más importante) y párrafos normales.


Párrafos que son encabezamientos (con distintos niveles):
1
<H1> ... </H1> o <H2> ... </H2> (hasta 6)




Párrafos normales:
1
<P>... </P>



El atributo align permite alinear el texto del párrafo. Se puede aplicar igual a las etiquetas <H1>, <H2>, etc ...
1
<P align="center">... </P>



<br> Permite partir un párrafo empezando una línea nueva pero sin dejar espacio: 
1
 




Pone una linea horizontal de separación:
1
<HR>




Sangría el párrafo:
1
<BLOCKQUOTE>…</BLOCKQUOTE>



Formatos de texto


Se pueden utilizar varias etiquetas HTML para dar distintos formatos a un grupo de caracteres:

Formatos Físicos:

Negrita: 
1
<B>…</B>



Cursiva: 
1
<I>…</I>



Subrayado: 
1
<U>…</U>



Teletipo: 
1
<TT>…</TT>



Tachado: 
1
<STRIKE>…</STRIKE>



Grande: 
1
<BIG>…</BIG>



Pequeña: 
1
<SMALL>…</SMALL>



Superíndice: 
1
<SUP>…</SUP>



Subíndice: 
1
<SUB>…</SUB>

SIGUE LEYENDO ESTE ARTICULO, DAR CLIC EN EL SIGUIENTE ENLACE: