Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML-css Tags

    Cargado por

    Sami Ahmed
    111 vistas4 páginas
    some simple html and css tags for beginners

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    TXT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    some simple html and css tags for beginners

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    111 vistas4 páginas

    HTML-css Tags

    Cargado por

    Sami Ahmed
    some simple html and css tags for beginners

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    Create a Gradient Background Effect

    You can use the style tag to create a gradient background effect within your web
    page. This effect can be used for your entire web page background, or within yo
    ur table cells.
    To use the gradient effect as your web page background, use the following BODY

    tag:
    <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0C
    FE2', startColorstr='#FFFFFF', gradientType='0');">

    To use the gradient effect within your tables, place the following code within y
    our table

    tag:
    style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2',
    startColorstr='#FFFFFF', gradientType='0');"

    Although you can edit the gradient colors indicated in red, keep in mind, in ord
    er for the effect to display properly, you must use a light color and a darker c
    olor.

    ----------------------------------------------------------------------
    --------------------------------------------------------------------

    Open a new window on page unload

    You can open a new window upon existing your web page by placing the following c
    ode within your BODY tag:
    <body onUnload=window.open('http://www.domain.com'); self.blur();>

    ----------------------------------------------------------------------
    --------------------------------------------------------------------

    Colored Text Boxes


    (Internet Explorer)
    <INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bol
    d; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">

    ----------------------------------------------------------------------
    --------------------------------------------------------------------
    Preventing Search Engine Indexing

    To prevent a Search Engine from indexing a page, place the code below between th
    e <HEAD> and </HEAD> tags.

    <META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">


    This tag tells the robots not to index this page and not to follow any links wit
    hin the page.
    <META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW">
    This tag tells the robots not to index this page, but follow any links within th
    e page.

    ----------------------------------------------------------------------
    --------------------------------------------------------------------

    How To Make Your Background Image Stationary

    Stationary background images remain in one place even when scrolling through the
    page. Only the text will move. To create this effect, place the code below with
    in your <BODY> tag.

    <body background ="yourimage.gif" bgproperties="fixed">

    ----------------------------------------------------------------------
    --------------------------------------------------------------------

    Creating A Placeholder For An Empty Table Cell

    Without using a placeholder within your blank table cells, your table will look
    like this

    Your Text Your Text


    Your Text
    By simply adding the &nbsp; character code within your HTML, your table cell wil
    l be visible

    Your Text Your Text


    Your Text

    <TABLE BORDER CELLPADDING="4">


    <TR>
    <TD>Your Text</TD>
    <TD>&nbsp;</TD>
    <TD>Your Text</TD>
    </TR>
    <TR>
    <TD>&nbsp;</TD>
    <TD>Your Text</TD>
    <TD>&nbsp;</TD>
    </TR>
    </TABLE>

    ----------------------------------------------------------------------
    --------------------------------------------------------------------

    Adding An Image Background To Your Tables

    The table below contains 2 columns and 1 row. The left column contains the image
    . The original image appears below with a border to enable you to see the actual
    size.
    <TABLE BORDER="0" CELLPADDING="4" ALIGN="Center" WIDTH="50%">
    <TR>
    <TD BACKGROUND="bg.gif" WIDTH="10%"></TD>
    <TD BGCOLOR="#EAE8E8"></TD>
    </TR>
    </TABLE>

    ----------------------------------------------------------------------
    --------------------------------------------------------------------

    Replacing Your Standard Bullets With Graphic Bullets

    You can use graphic bullets to replace the standard text bullets by using the "D
    efinition List" tag. <DL>

    List Item one


    List Item two
    List Item three
    List Item four
    <DL>
    <DD><IMG SRC="yourimage.gif">List Item one</DD>
    <DD><IMG SRC="yourimage.gif">List Item two</DD>
    <DD><IMG SRC="yourimage.gif">List Item three</DD>
    <DD><IMG SRC="yourimage.gif">List Item four</DD>
    </DL>

    ----------------------------------------------------------------------
    --------------------------------------------------------------------

    También podría gustarte