- basados en etiquetas ("marcas", "tags").
- antecedentes: proceso de texto mediante marcas (TeX, IBM-script, Wordstar).
- combina potencia y simplicidad
- hipertexto e hipermedia.
- documento html
Las etiquetas
Significado de las siglas HTML:
Hypertextmarkuplenguage
*Basado en etiquetas (marcas, tags)
*antecedentes: proceso de textos mediante
marcas (teX,IBM-script, Wordstar).
*Combina potencia y simplicidad
-Hipertexto e hipermedia
-Documentos HTML: ficheros de textos
(ASCII)
-HTML es un lenguaje interpretado: muy
"portable"
Las etiquetas que nunca deben faltar
*<HTML></HTML>
*<HEAD></HEAD>
*<BODY></BODY>
Formateo elemental de textos
<H1></H1>............<H6></H6>
*Salto de parrafo
<P></P>
*Centrado
<CENTER></CENTER>
*Negrita y Cursiva
<B></B><I></I>
Formateo elemental de textos:
<U></U> SUBRAYADO
<S></S> TACHADO
<TT></TT> ESPACIADO
<SUP></SUP> SUPERINDICE
<SUB></SUB> SUBINDICE
<SMALL></SMALL> PALABRA MAS PEQUEÑA
<BIG></BIG> PALABRA MAS GRANDE
<I></I> = <EM></EM> AMBOS CURSIVA
<B></B> = <STRONG></STRONG> AMBOS NEGRITA
<BR> CREAR UN SALTO DE LINEA
<BASEFONT SIZE=3> <BASE FON SIZE> TAMAÑO PARA TODA LA PAGINA POR DEFECTO
EJ:
<BASE FONT SIZE=5>
<FONT COLOR=RED> COLOR DE LAS FUENTES, TAMBIEN VER CODIGOS DE HTML.
<font size "7"
color"red"
face"arial"
<basefont size "7"
color"red"
face"arial"
<font size "5", color"blue", face"comic"
<img src="\\..."
<img src="flor.gif" ALT="bandera de...">
<img src="flor.gif" WIDTH=180 HEIGHT =30 ALT=">
fondos
<body bgcolor="black" text="blue">
<body backgroun="fondo.jpg" bgcolor="white"text="black">
inclucion imagenes
Formatos principales GIF y JPEG
Sintaxis
- <IMG SRC= "imagen.gif">
Atributos
- <IMG SRC="imagen.gif" HEIGHT= valor WIDYH= valor>
Alineacion
-<IMG SRC="imagen.gif" ALIGN=top>
TABLAS
- Las tablas sirven para encolumnar y estrucuturar el texto y las imagenes con mas presicion.
-Las marcas que se usan son:
<TABLE></TABLE> Al inicio y al final
<TR></TR> Define las filas
<TD></TD> Define las columnas
-La estructura de una tabla es muy versatil.
- Las marcas de una tabla son jerarquicas: una tabla tiene una o mas filas y cada de las filas esta dividida en una o mas columnas.
<tr>
<td>texto 1</td>
<td>texto 2</td>
<td>otra columna</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
No hay comentarios:
Publicar un comentario