Etiquetas HTML

Etiquetas HTML Jorge Fuentes Almaraz 2IM2
Etiqueta Funcin Ejemplo/Observa

cin
<html>...</html> Inicia / termina pgina Es indispensable abrir y
web. cerrar esta etiqueta.
<head>...</head> Cabecera de Pgina. -----
<title>...</title> Ttulo de Pgina. Aparecer en la parte
superior de la ventana.
<body>...</body> Cuerpo de Pgina Todo el texto ir dentro del
cuerpo.
&nbsp (n veces) Espacio extra (n veces) "Las pginas:&nbsp&nbsp..."
(2 Espacios).
<br>...</br> Salto de lnea Salta LNEA, no prrafo.
<p>...</p> Salto de prrafo Salta PRRAFO, no lnea.
<p align=left>...</p> Alineacin a Izquierda Es posible:
<p align=right>...</p> Alineacin a Derecha "<center> ... </center>"
<p align=center>...</p> Alineacin a Centrada Se puede utilizar para
<p align=justify>...</p> Alineacin a Justificada alinear texto,, imgenes
y lneas de separacin.
<blockquote>...</blockq Aplicar sangrado Se puede poner ms de un
uote> sangrado
(<blockquote><blockquote
>...
Nota: Cerrar todos.
<b>...</b> Bold; letra en negritas. ------
<u>...</u> Underlined; letra ------
subrayada
<i>...</i> Italic; letra Itlica. ------
<sup>...</sup> Superndice. Ejemplo abajo.
<sub>...</sub> Subndice. "H<sub>2</sub>O" =
"H2O"
<font Tamao de letra x=1-7
size="x">...</font>
<font Color de letra. x=color predeterminado
color="x">...</font> cdigo hexadecimal
(#FF...)
Snow *Colores Posibles Gold
White (algunos) Beige
Black Navy Blue Orange
Dark Gray Blue Red
Gray Turquoise Pink
Light Gray Green etc...(con cdigo
Yellow hexadecimal)
<font Tipo de letra (Arial, X=Tipo de letra. Nota: Usar
face="x">...</font> Times New Roman, tipos de letra comunes por
Impact, ...) compatibilidad.

* Todos los atributos "font" pueden colocarse dentro de un solo "<font></font>"
(<font size=x color=x face=x></font>) Cerrar con slo un </font>.
<h"#">...</h"#"> Ttulo en cuerpo # = 1-6
<hr> Inserta lnea de No hace falta cerrar la
separacin etiqueta (</hr>).
<hr color="x"> Color de lnea x=*Colores Posibles
<hr widht="x"> Ancho de la lnea de Al escribir slo "<hr>" la
separacin. lnea tiene un ancho de toda
x= 0-100% / # de la pantalla.
Pixeles Nota: No confundir con
(100-250) grosor de lnea, es el ancho
de la lnea.
<hr size="x"> Grosor de la lnea de Al escribir slo "<hr>" la
separacin. lnea tiene un grosor normal
x=# de Pixeles (1- o predetermindao.
10)
<hr align="x"> Da alineacin a la lnea Nota: La lnea no deber
de separacin. tener un ancho de toda la
x=center/right/left pantalla para poderse notar
la alineacin.
<ul type="x"> Lista NO ORDENADA. Repetir "<li>" las veces que
<li>...Texto... X=Tipo de vieta. se desee aadir una vieta
<li>... Texto... (n veces) X = ms.
</ul> disc/circle/square Se pueden hacer listas
subordinadas.
<ol type="x"> Lista ORDENADA x=1 Enlistado con # arbigo
<li>...Texto... x= 1 / a / A / i / I x=a Enlistado con letras
<li>... Texto... (n veces) minsculas
</ol> x=A Enlistado con letras
MAYSCULAS
x=i Enlistado con # Romano
minsculas.
x=I Enlistado con # Romano
MAYSCULAS.
<dl> (inicio de lista) Lista DE DEFINICIN *n veces.
<dt> (trmino a Se repetirn <dt> y <dd>
definir)* las veces necesarias,
<dd> (definicin)* siempre tomando a <dt>
con una jerarqua mayor que
</dl>
<dd>.
<menu> Men. No es necesario especificar
<li>...Texto... vietas, usa slo "disc" de
<li>... Texto... (n veces) manera predeterminada.
</menu>
<img src="URL"> Inserta una imagen. "URL"= Direccin de la
imagen, o bien slo el
nombre en caso de estar
ubicada en la misma carpeta
que la pgina web. Se debe
incluir el tipo de imagen
(.jpg, .gif, ...)
<img src=URL alt="x"> Inserta referencia de x=Descripcin de la
texto. imagen. (Nombre
cualquiera asignado que
aparecer en caso en
incompatibilidad de
imagen).
<img src=URL .... Tamao de la imagen. x = 0 - 100 / 0% - 100%
width="x" height="x"> Medida en puntos (el Es posible usar porcentajes
valor por defecto es de (width=50%, height=50%).
100 ptos.) Siempre tener el mismo
Width: Ancho Height: porcentaje en width y
Alto height.
<img src=URL .... Alinea imagen y texto a x=
align="x">....Texto.... la misma altura. middle/bottom/top/left/ri
ght
<img src=URL .... Define la distancia en x= 0 - 100...
vspace="x" puntos entre la imagen
hspace="x"> y el texto.
<img src=URL .... Da borde de distinto x=0-10... (x = # de
border="x"> grosor a la imagen. Pixeles)
<body Aplica color de fondo. x=*Colores Posibles
bgcolor="x"></body>
<body Aplica una imagen de URL= Nombre de imagen
background="URL"> ..... fondo. con direccin completa y
.. </body> tipo.
<bgsound src=URL Aplica un fondo sonoro Se escribe la direccin del
loop="x"> y condiciona su archivo sonoro y su tipo
reproduccin (loop = (.mid).
ciclo). x = # de reproducciones /
infinite
<img src=URL.gif Inserta una animacin --------
alt=descripcin> y establece su nombre.
<img dynsrc="URL"> Inserta un video. URL= Nombre de video con
direccin completa y tipo
(wmv,...).
<embed src=URL> Inserta un vdeo* *Esta etiqueta permite la
compatibilidad del video en

distintos reproductores e
inserta botones de accin
(play, pause...).
<img dynsrc=URL ... Inserta un video y x= # de reproducciones /
loop="x"> condiciona su nmero infinite
de reproducciones.
<img dynsrc=URL ... Establece las medidas x= 0 - 300 ...
width="x" height="x"> del cuadro del video.
De ser omitida se (Medida por ptos.)
reproducir en las
dimensiones originales.
<img dynsrc=URL ... Parmetros de x= mouseover/fileopen
start="x"> reproduccin del video. Mouseover: Al sealar el
cuadro de video con el
mouse.
Fileopen: Al cargar la
pgina.
<a Inserta un vnculo URL=Pgina web (www.)
href="URL">"descripcin externo y establece Nota: La descripcin no es
del hipervnculo" una descripcin del necesario.
mismo.
<a name="x"> Crea un marcador de x=Nombre o referencia
acceso.
<a Inserta un vnculo x=Nombre o referencia
hfer=#"x">"descripcin interno (marcador de
del hipervnculo" acceso)
</a> Anida el hipervnculo. Cierra el hipervnculo.
<a href=mailto:"mail"> Inserta hipervnculo a Mail=ejemplo@prodigy.net.
"descripcin del un correo electrnico. mx
correo"</a> En la descripcin se
insertar el correo como
hipervnculo.
<body alink="x"> Cambia el color de los x=*Colores Posibles
links activos.
<body vlink="x"> Cambia el color de los x=*Colores Posibles
links visitados.
<body link="x"> Cambia el color de los x=*Colores Posibles
links.
<a Inserta un archivo de x= URL de archivo.wav
href="x">"descripcin audio a un
del archivo de audio" hipervnculo.
<table></table> Delimita principio y fin ------------
de una tabla.
<tr></tr> Delimita principio y fin ------------

de una fila.
<td></td> Delimita principio y fin Estas se puede decir que
de una celda. delimitan columnas.
<table border="x"> Aplica borde a la tabla. x=1 - 10
<th></th> Inserta encabezados Ejemplos abajo.
en columnas o
renglones.
Ejemplo con encabezados en columnas:
<table><tr><th>encabezado1...<th> encabezado2...<th>
encabezado3...</tr>(encabezados sobre columnas)
<tr><td><td><td></tr>(fila 1 con 3 celdas) <tr><td><td><td></tr>(fila
2 con 3 celdas) </table> (cierre de tabla)
Ejemplo con encabezados en renglones: <table><tr>
<th>encabezado1...</th><td><td>(fila 1 con 2 celdas y encabezado en
rengln)</tr> <tr><th>encabezado2...</th><td><td>(fila 2 con 2 celdas
y encabezado en rengln) </tr>
</table> (cierre de tabla)
<caption></caption> Inserta ttulo sobre la ---------------
tabla.
<table height= "x" Dimesiona la tabla. x= # de pixeles o
width="x"> porcentaje. height=60%
width=80%
<td height= "x" Dimensiona una celda. x= # de pixeles o
width="x"> </td> porcentaje. height=60%
width=80%
<th height= "x" Dimensiona un x= # de pixeles o
width="x"> encabezado. porcentaje. height=60%
</td> width=80%
<table Establece el espacio x=# de pixeles. 1 - 30...
cellspacing="x">... entre celdas, unas con
</table> otras.
< table Establece el espacio x=# de pixeles. 1 - 30...
cellpadding="x">... entre las celdas y el
</table> texto.
< table align="x">... Establece alineacin x=center/left/right
</table > horizontal de la tabla
en la pgina web.
<td align="x"> ... </td> Establece alineacin x=center/left/right
horizontal de la tabla
en la pgina web.
<th align="x"> Establece alineacin x= center/left/right
horizontal de la tabla
en la pgina web.
<td valign="x"> ... Establece alineacin x=top/middle/bottom/just
</td> vertical dentro de las ify
celdas.
<th valign="x"> Establece alineacin x=top/middle/bottom/just
vertical dentro de las ify
celdas.
<td img src="URL"> ... Inserta una imagen en URL de la imagen.
</td> la tabla.
<td rowspan="x"> ... Combina celdas hacia x=# de celdas por
</td> abajo. combinar.
<td colspan="x"> ... Combina celdas a la x=# de celdas por
</td> derecha. combinar.

Etiquetas HTML

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Etiquetas HTML

Загружено:

Авторское право:

Доступные форматы

Etiquetas HTML Jorge Fuentes Almaraz 2IM2

Etiqueta Funcin Ejemplo/Observa

Impact, ...) compatibilidad.

compatibilidad del video en

<tr></tr> Delimita principio y fin ------------

Вам также может понравиться