Luisa

99 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
99
En SlideShare
0
De insertados
0
Número de insertados
52
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Luisa

  1. 1. ETIQUETAS DE HTMLMARCAS BÁSICASAl principio yal final detododocumento.<head> </head>Al principio y al final detodo documento.<meta>Permite aportar metainformación aldocumento,<html></html><title> </title>documento.Dentro del head seponen lasetiquetas<body> </body>Dentro de esta etiqueta seinsertan los contenidos deldocumento<body> </body><body> <
  2. 2. PROPIEDADES DE LA PÁGINA<body bgcolor="#xxyyzz"> define el color defondo de la página.<body text="#xxyyzz"> define el colorpor defecto del texto en la página.<bodyvlink="#xxyyzz">define el color de losenlaces visitados.<bodyalink="#xxyyzz">define el color de losenlaces activos.<bodylink="#xxyyzz">define el color delos enlaces.<bodybackground="imagen.gif"> establece unaimagen para el fondo de lapágina.
  3. 3. FORMATO DE TEXTOS<b> </b>negrita (también sirve laetiqueta<strong>… </strong>)<i> </i>cursiva (también sirve laetiqueta<em>…</em>)<u> </u> subrayado<font> puede incluir los tresparámetros (tamaño, fuente ycolor):<font size=X color=#XXYYZZface=fuente escogida> ……</font><pre> preformateado. Respetaespacios, saltos de línea y losretornos utilizados.<blink> hace parpadear eltexto<font size=”X”> </font> marcael tamaño de los caracteres,<font color=”#XXYYZZ”> ……</font> define el color deltexto<font face=”arial”> …… </font>determina el tipo de la fuente.
  4. 4. FORMATO DE PÁRRAFOS•<p> salto de párrafo </p>•<br> salto de línea•<blockquote> </blockquote> sangrado•<center> centrar el texto.•<p align=center> párrafo centrado.•<p align=left> párrafo alineado a la izquierda•<p align=right> párrafo alineado a la derecha
  5. 5. CREACIÓN DE LISTAS•Lista no numerada:•<ul>•<li>primer elementode la lista</li>•<li>segundoelemento de lalista</li>•<li>tercer elementode la lista</li>•</ul> cierra lista•lista numerada:•<ol>•<li>primer elementode la lista</li>•<li>segundoelemento de lalista</li>•</ol> cierra lista.•lista de glosario odefinición:•<dl>•<dt>término que seva a definir</dt>•<dd>definición deltérmino</dd>•</dl> cierra lista
  6. 6. LÍNEAS HORIZONTALES SEPARADORAS• <hr> líneahorizontal.• <hr width="x%">anchura de lalínea enporcentaje.• <hr width=x>anchura de lalínea en píxeles• <hr size=x>altura de la líneaen píxeles.• <hralign=center>línea alineada enel centro.• <hr align=left>línea alineada ala izquierda• <hr align=right>línea alineada ala derecha.• <hr noshade>línea sin efectode sombra
  7. 7. IMÁGENES•img src="dirección de la imagen” "> indica la ruta de la imagen.•<img ... border=”X"> establece un borde de X pixels en torno a la imagen.•<img ... height="XX" width="YY"> establece un tamaño de la imagen (altura y•anchura) en pixels•imagen.•<img ... align="bottom"> alineación inferior del texto respecto de la imagen.•<img ... align="middle"> alineación del texto en el medio de la imagen.•<img ... align="top"> alineación superior del texto respecto de la imagen.•<img ... align="left"> alineación izquierda de la imagen en el párrafo.•<img ... align="right"> alineación derecha de la imagen en el párrafo.•<img ... hspace=X> espacio horizontal entre la imagen y el texto.•<img ... vspace=y> espacio vertical entre la imagen y el texto.

×