Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Todas las etiquetas HTML por Antrix
#1
----------------------------
Marca de inicio : <HTML>
Fin de la marca : </HTML>
-----------------------------
Cabecera : ( <HEAD> | </HEAD>)

<TITLE> | </TITLE> : Para dar nombre al documente
<META> | </META> : Para forzar a la página activa a ser cargada cada cierto tiempo.
<BASE> | </BASE> : Para prefijar la dirección de los documentos referenciados mediante un URL relativo.
--------------------
Cuerpo : < BODY>
--------------------
Comentarios dentro del HTML <!-- comentario -->

3.- Separadores de bloques de texto

<P> : Se utiliza para separar párrafos.
-------------
<P ALIGN="center">Tu Texto</p>
LEFT : Justifica el texto a la izquierda
RIGHT: Justifica el texto a la derecha
CENTER: El texto aparece centrado
-------------
<BR> : Se utiliza para saltar de linea.
<BLOCKQUOTE> : Sirve para representar párrafos tabulados , por la izquierda y derecha.
-------------
<HR> Se emplea para separar bloques de texto representando una línea horizontal.
Se puede cambiar la apariencia de dicha línea mediante los siguientes atributos:
NOSHADE: Elimina el efecto de sombra de la línea.
WIDTH : Permite definir la longitud de la línea.
SIZE : Permite definir el grosor de la línea.
COLOR : Permite definir el color de la línea.
-------------
<DIV> : Division de lineas
<PRE> : Texto preformado , por tanto se respetan los espacios y saltos de linea.
<ADDRESS> : Se emplea para indicar que un texto representa una dirección o una firma mostrándolo , generalmente, en la letra cursiva.
<CENTER> : Se emplea para centrar una línea.

4.- Tipos de letras

<Hn> : Se utiliza fundamentalmente para escribir encabezamientos.
-------------------------
<FONT> : Permite definir el tamaño , color y tipo d letra de un conjunto de caracteres mediante los siguientes atributos :
SIZE : Regula el tamaño de los caracteres (1-7)
COLOR : Especifica el color de los caracteres.
FACE : Permite definir el tipo de letra.
------------------------
<BASEFONT> : Permite cambiar el tamaño por defecto de toda la página mediante el atributo SIZE
Ejemplo : <basefont size=4> Con eso conseguira cambiar el tamaño por defecto de la letra de toda su web.

Estilos de caracteres
<b> : Negrita
<i> : Cursiva
<u> : Tachado
<strike> : Asuperindice
<sup> : Bsubindice
<blink> : Parpadeo
<tt> : Maquina de escribir
<big> : Texto grande
<small> : Texto pequeño
---
Estilos lógicos :
<em> : Énfasis
<strong> : Texto destacado
<code> : Codigo
<cite> : Citas
<kbd> : Entrada por teclado
<samp> : Ejemplos
<var> : Variables

5.- Colores

Se puede controlar el color del texto utilizando el elemento <FONT> con el atributo COLOR

Colores del entorno:
Un cierto número de atributos de la marca <BODY> permite controlar el color del fondo de la ventana del explorador , el color de los caracteres del texto y, finalmente, el color de los enlaces:
Ejemplo : <HTML>
<HEAD>
<TITLE> Ejemplo de color del entorno</TITLE>
</HEAD>
<BODY BGCOLOR="#000">
</BODY>
</HTML>


Este ejemplo hará que el fondo de tu web sea completamente negro. #00000 ( Negro ) Codigo abreviado (#000)

El atributo BACKGROUND :
Este atributo permitirá que se utilice una imagen residente en el servidor , o en un fichero local, como fondo de página.
Ejemplo :
<BODY BACKGROUND="nombre del fondo de pagina">

6.- Hiperenlaces
<A> : Se utiliza para definir los elaces hipertexto de los documentos HTML.
HREF : Define un ancla de partida
NAME : Define el ancla de llegada.
-----------------
TARGET : Este atributo ordena la apertura de una nueva ventna con el documento indicado por el atributo HREF
Ejemplo :
<HTML>
<HEAD>
<TITLE> Ejemplo de hiperenlaces. </TITLE>
</HEAD>
<BODY>
<a href="ejemplo1.html"target="ejemplo2.html"></a>
</BODY>
</HTML>


Si pulsas con el ratón sobre este hiperenlace se visualizará la página (ejemplo2.html) en una nueva ventana del explorador.

-----------------------------
7.- Listas

<UL> ,<LI> : Listas sin orden, sin numeración.
<OL> ,<LI> : Listas ordenadas, con numeración
<DIR> ,<LI> : Listas de directorio, similares a las listas sin orden
<MENU> ,<LI> : Listas de menú, similares a las listas sin orden
<DL> ,<DT> ,<DD> : Listas de definición típicamente un glosario

8.- Tablas

<TABLE> : Marca de inicio de la tabla
<TR> : Marca de comienzo de una nueva línea
<TD> : Marca de comienzo de una celda
<TH> : Definición de textos de cabecera en las celdas
<CAPTION> : Definicion de títulos para las tablas


9.- Frames

<FRAMESET> : Permite precisar la forma de los diferentes paneles por medio de los atributos (ROWS y COLS)
<FRAME> : Es la marca de definición de los paneles creados con FRAMESET
<NOFRAMES> : Permite ofrecer un texto alternativo en el entorno normal

Los paneles pueden estar relacionados y tener enlaces de unos a otros para ello se utiliza el atributo TARGET que indica en qué panel debe mostrarse el documento asociado a un enlace de hipertexto.

10.- Formularios

<FORM> : Delimita el comienzo y fin de la definición del formulario.
<INPUT> : Permite crear diferentes tipos de entradas : campos de edición y diversos tipos de botones;
<SELECT> : Permite crear listas: menús despegables y listas con barras de desplazamiento;
<TEXTAREA> : Genera una zona de edición de texto libre.

11.- Imágenes

<IMG> : Permite incluir una imagen en un documento.
----
ALIGN : Alinea la imagen, según la posición que se le indique, respeco a la línea de texto en lo que está. Puede tomar los soguientes valores:
TOP : Alinea la parte superior de la imagen con la línea actual
MIDDLE : Alinea el centro de la imagen con la línea actual
BOTTOM : Alinea la base de la imagen con la línea actual.
----
Mediante el elemento <BODY> y el atributo BACKGROUND se permite utilizar una imagen residente en el servidor, o en un fichero local, como fndo de página.
Ejemplo:
<body background="direccion_del_fiche ro_grafico">
Asi se mostrará la imagen que seleccionaste de fondo de página.

Imágenes como marcas de una lista :
Para obtener una lista adornada con algún tipo de icono se podrán utilizar las listas de definición de la siguiente forma :

<DL>
<DT><IMG SRC=nombre de imagen>Linea de texto
</DL>


12. Texto en movimiento :

Para que un texto se desplace se escribe la etiqueta <MARQUEE>tutexto</MARQUEE>
Ejemplo :

<HTML>
<HEAD>
<TITLE> Ejemplo de texto en movimiento </TITLE>
</HEAD>
<BODY>
<marquee> Tu texto en movimiento </marquee>
</BODY>
</HTML>



Como no hemos añadido ningún atributo dentro de la etiqueta , el comportamiento de la marquesina será simple , moviendose de derecha a izquierda por defecto.

WIDHT , HEIGHT : Ajustan la anchura y altura, respectivamente, de la marquesina.
--------
ALIGN : Modifica el alineamiento del texto que rodea a la marquesina, que puede ser :
TOP : Arriba
MIDDLE : En medio
BOTTOM : Abajo.
--------
BEHAVIOR : Sirve para definir de qué manera se va a efectuar el desplazamiento del texto :
SCROLL : Este es el que biene por defecto.
SLIDE : Aparece por un lado y se desplaza al llegar al otro extremo, y se para ahí.
ALTERNATE : Se desplaza alternativamente hacia un lafo y otro, siempre dentro de los límites de la marquesina.
-------
BGCOLOR : Con este atributo se modifica el color de fondo de la marquesina.
-------
DIRECTION : Con este atributo se modifica la dirección de la marquesina , y estas pueden ser :
LEFT : Izquierda
RIGHT : Derecha
UP : Arriba
DOWN : Abajo
-------
SCROLLDELAY : Define el tiempo entre cada movimiento de avance , expresado en milisegundos.Cuanto mayor es el número más lento avanza.
LOOP : Especifica el número de veces que aparecerá el texto. Es inefinido por defecto.


Gracias la verdad me gusta mucho este foro y el hosting está muy bueno y quiero enpezar con los temas buenos,un Saludo Antrix.
#2
Buen Post amigo, te recomiendo uses BBC0des para tus mensajes Guiño :
Cualquier duda, pregunta, comentario... Aquí estoy Guiño
#3
Sí hermano está bueno ;D
#4
Muy buena info, creo que a muchos le sera muy util.
#5
Muy bueno esto, es tuyo el contenido?? Es por pedirte permiso para poder ponerlo en mi web, o es de otra persona??
elCSS.com
[Imagen: 33jsqk6.png]
Crece con nosotros || Síguenos en Twitter - Facebook - RSS
WWW
#6
Buenisimo, gracias por aportar
WWW
#7
dBer es mío Claro ^^ ponlo en tu web Gran sonrisa
#8
Gracias lo apunto y te nombrare como creador!!
elCSS.com
[Imagen: 33jsqk6.png]
Crece con nosotros || Síguenos en Twitter - Facebook - RSS
WWW
#9
muy bueno, pero alguien tiene por ahi las etiquetas de HTML5?
#10
mui bueno me gusto la verdad Sonrisa


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  PRIMER PAGINA WEB HTML DEL MUNDO Smithcanal 24 314 03-09-2017, 04:13 AM
Último mensaje: gassip
  Plantillas HTML Responsive Free Profesionales gassip 16 350 13-06-2017, 03:45 AM
Último mensaje: gassip
Música [Aporte] Reproductor de audio html djsmokingcr 11 293 02-05-2017, 03:04 AM
Último mensaje: gassip
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 145 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Expandir etiquetas HTML en documento .php con EMMET gassip 2 164 18-11-2016, 07:28 PM
Último mensaje: DaveNPlay
  [Aporte] PcTag: Información HTML KesiaMuller 0 142 28-10-2016, 05:42 AM
Último mensaje: KesiaMuller
  [Tutorial] Curso de PSD a HTML a WP habacuc78 14 603 31-08-2016, 09:33 PM
Último mensaje: ServiRemate
  Elementos que desaparecieron de HTML 5 Kevin9908 2 249 02-08-2015, 04:55 PM
Último mensaje: avdarie
  web con html o cms efbsfcd 7 389 01-07-2015, 03:12 PM
Último mensaje: d0rag0n
  Cuanto deberia cobrar por web HTML fercol 15 798 30-06-2015, 06:20 AM
Último mensaje: jhonatan123



Usuarios navegando en este tema: 1 invitado(s)