Scribd Logo
Upload

Welcome to Scribd!

  • Apuntes 2

    Uploaded by

    Javier Martínez Posada
    12 views8 pages

    Original Title

    Apuntes2

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    ODT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as ODT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views8 pages

    Apuntes 2

    Uploaded by

    Javier Martínez Posada

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as ODT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 8

    APUNTES HTML: Lenguaje para escribir pginas web, es un lenguaje de marcas (TAGS).

    Estructura pagina web <html> <head> metainformacin (cache, buscadores, scripts) titulo de la pagina </head> <body> Bienvenidos al curso de HTML </body> </html>

    etiquetas <BODY> *Opciones BACKGROUND="URL imagen" Pone una imagen como fondo de pantalla. BGCOLOR #RRGGBB nombre color Color de fondo de pgina. <BODY BACKGROUND="IMAGEN.JPG"> / / / </BODY>

    TEXT= #RRGGBB nombre de color. Color de texto de la pgina. LINK= #RRBBGG nombre de color. Color hipervnculos NO visitados. VLINK= #RRGGBB nombre de color. Color hipervinculos visitados.

    Dentro de HEAD: ETIQUETA <TITLE> </TITLE> Se utiliza para indicar el titulo de que aparece en la barra de ttulo de l ventana ETIQUETA <P> DEFINE UN PARRAFO. Deja un espacio antes del prrafo y otro despus.

    *Opciones: ALIGN= LEFT RIGHT CENTER JUSTIFY Alineacin del parrafo a su contenedor. <h1, h2, h3, h4, h5, h6......> Define una cabecera. H1 Letra muy grande, H6 pequea.

    <b> negrita <I> Cursiva <SUB> Subindice <SUP> Superindice <S> tachado <U> subrayado // Todas abren y cierran!!!! <BR> Salto de linea. No vale hacer el salto directamente en codigo fuente !!!!!!!!

    !!!!!!!! ESTA NO TIENE CIERRE


    En HTML <BR> En XHTML <BR/> Hacerlo asi para que funcionen futuros navegadores

    <HR> inserta una linea horizontal HTML <HR> (Sin cierre) XHTML <HR/> *OPCIONES: ALIGN left right center alineacin d labarra respecto a su contenedor NOSHADE="Noshade" Sin sombra, color slido. SIZE=pixels Altura de la lnea WIDTH pixels % ancho de la lnea: WIDTH="30%". (% Segn donde est contenida)

    <UL> Crea una lista punteada <UL> <LI> Opcion 1 </LI> <LI> Opcion 2 </LI> </UL> OPCIONES DE <UL> Y DEL <LI>--> OPCIONES <UL> TYPE OPCIONES <LI> TYPE DISC, SQUARE CIRCLE. 1 A a I i ------------- (Para listas ordenadas) DISC SQUARE CIRCLE (Para listas punteadas)

    <OL> Listas ordenadas: *Opciones: TYPE = 1, 2, 3... i--> i, ii, iii, iv, v A--> A, B, C, D... I--> I, II, III, IV, V START=n nmero donde se inicia la lista <OL> <LI> disc square circle TYPE = 1, 2, 3... i--> i, ii, iii, iv, v A--> A, B, C, D... I--> I, II, III, IV, V </LI> </OL>

    Estructura

    COMENTARIOS: <!-- Comentario -->

    IMAGENES: <img> no tiene cierre OPCIONES: ALT=texto Se mostrar ese texto si no se puede mostrar la imagen SRC= url localizar la imagen GLOBAL http://.... LOCAL /dir1/dir2/.... ALIGN= top bottom middle left rigth Alineacion imagen respecto texto que la rodea.

    BORDER= pixels borde de imagen HEIGHT= pixels altura de imagen HSPACE= pixels espacio a derecha e izquierda de la imagen. Espacio horizontal libre al lado de la imagen USEMAP= VSPACE= pixels espacio sobre y bajo la imagen. Espacio vertical libre al lado de la imagen WIDTH= pixels ancho de la imagen

    <IMG> #USEMAP se utiliza conjuntamente con <MAP> y <AREA> Pinchar por zonas dentro de la imagen Como se usa: <MAP> <AREA --------- /> <AREA ---------/> | | <AREA --------/> </MAP> Al detalle: <MAP> Define un mapa OPCIONES: NAME="nombre del mapa" p.j. <MAP NAME="miMapa" | | </MAP>

    <AREA> Define un rea de un mapa OPCIONES: SHAPE RECT POLY CIRCLE DEFAULT COORDS= coordenadas del rea HREF= URL Pgina a la que ir a buscar el rea. </AREA> Ej: Si fuera rectangulo: x1,y1,x2,y2 Si crculo: x,y,R

    TABLAS <table > <tr><th> <td> / / </d> Dato</td> </th>< </tr> fila1 <tr> <td>Dato1</td> / / <td>Dato N</td> </tr> Repetir fila 1 por cada fila adicional que queramos </table> TABLA COMN <th> Es opcional

    OPCIONES <table> ALIGN left center rigth alinea la tabla respecto al contenedor BGCOLOR #RRGGBB color color fondo de la tabla BORDER pixels= pint lneas de la tablas del grosor indicado CELLPADDING pixels= espacio entre limite celda y contenido CELLSPACING pixels= espacio entre celdas RULES= indica que bordes internos mostrar none ninguno rows filas BORDES INTERNOS cols columnas all todos FRAME= indica que bordes son visibles void no se ven above bordes superiores below borde inferior hsides superior e inferior BORDES EXTERNOS vside derecha e izquierda lhs borde izquierda rhs borde derecha box los 4 lados </table>

    WIDTH PIXELS

    ancho de tabla respecto a su contenedor

    PARA <TH>

    <th> Texto centrado y negrita align left rigth center justify bgcolor colspan rowspan heigth pixels= width pixels = valign= top middle bottom nowrap="nowrap"

    Alineacin de los contactos de la cabecera Color de fondo Numero de columnas que se expande la celda Numero de filas que se xpande la celda Altura de la celda Ancho de la celda Alineacin vertical del contenido de la celda

    no reajustar la celda

    PARA <TR>

    align rigth left center justify bgcolor Color de fondo de la fila valign top middle bottom

    HIPERVINCULOS <A> OPCIONES HREF="DESTINO DEL ENLACE" name target=_blank abre enlace en nueva pagina _parent abre enlace en frame Padre _self abre pagina en frame actual (por defecto) _top abre enlace en la ventana actual nombre Frame en el nombre donde le mandemos

    HREF <a href="P2.html">P2</a> Al pasar cursor por palabra P2 se pone dedo y pinchar < a href="../P2.html">P2</a> Si la pagina 2 est en otra mquina: <a href="http://192.168.20.4/dir7/P2.html>P2</a> HIPERVINCULOS INTERNOS 1 Poner una marca en la zona donde vamos a saltar: <a name="nombre"></a> 2 Para saltar en la zona de salto <a href="#nombre"> El texto que aparece</a>

    FRAMESET <FRAMESET> Define un frameset *Opciones cols=pixels % *(el resto) Ancho de las columnas del frameset rows= pixels % *(el resto) Ancho de las filas del frameset <FRAME> Se utiliza para definir un frame de un frameset NO TIENE CIERRE!!!!! Opciones frame border 0(no) 1(si) Muestra borde alrededor del frame marginheigth PIXELS Anchura del margen superior e inferior marginwidth pixels Anchura del margen name=nombre noresize no se puede redimensionar el frame scrolling yes no auto barra scroll <frameset cols="10,40,*"> <frameset cols="20%,70%,*>

    </frameset> Los frameset no tienen BODY <frameset cols="50%,50%"> <frame src="1.htm"/> <frame src="2.html"/> </frameset>

    ++ dos pginas web en el mismo directorio

    You might also like