Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML Códigos

    Diunggah oleh

    Vaidosa IPoderosa
    21 tayangan3 halaman
    codigos html

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    ODT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    codigos html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai ODT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    21 tayangan3 halaman

    HTML Códigos

    Diunggah oleh

    Vaidosa IPoderosa
    codigos html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai ODT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    DEFININDO PAGINA HTML

    <hr color =red>


    hr: comando que desenha barra horizontal
    color: atributo que especifica a cor da barra
    red: valor do atributo color

    ESTRUTURA BSICA
    <html>
    <head> (abre cabealho da pgina)
    <title>Ttulo do Documento</title>
    </head> (fecha cabealho da pgina)
    <body> (abre corpo da pgina)
    MICROCAMP
    </body> (fecha corpo da pgina)
    </html>

    CORPO DO DOCUMENTO
    <body bgcolor=cor text=color link=color alink=color vlink=color background=imagem que vai aparecer>
    <body leftmargin=X rightmargin=X>
    LEFTMARGIN e RIGHTMARGIN = configura as margens direita e esquerda do documento. Seu valor pode ser dado em
    unidades ou porcentagem da tela.
    BGPROPERTIES= a imagem de fundo ficar fixa enquanto voc desliza a barra de rolagem.

    CABEALHO DO DOCUMENTO
    META <meta>
    Define valores especiais. Os valores so definidos como pares name/value (nome/valor).
    <meta name=author content=ERNANDES>
    <meta name=description content=Desenvolvimento - de Cursos - e materiais>
    <meta name=keywords=Office, sites, web, desenvolvimento>

    COMENTRIOS
    <!--texto do documentrio -->

    REGUAS HORIZONTAIS
    <hr size=3 width=X% align=center noshade>
    size = espessura da linha
    widht = largura da linha
    align (left, right, center) = tipo de alinhamento da linha

    FORMATANDO TEXTO
    CABEALHO
    <body>
    <h1...6>cabealho nvel 1...6</h1...6>
    </body>

    FORMATAO DE PARGRAFO
    <p> </p>
    O texto um pargrafo e possui alinhamento prprio.
    ALIGN
    indica o alinhamento do pargrafo (LEFT, RIGHT, CENTES, JUSTIFY)
    EXEMPLO:

    <p align=center> Bem vindo ao site </p>

    QUEBRA DE LINHA
    <br> </br>
    se deseja quebrar uma linha e iniciar outra

    FORMATAO DE ESTILO DE FONTE


    <b>...</b>
    negrito
    <i>... </i>
    itlico
    <u>...</u>
    sublinhado
    <s>...</s>
    riscado
    <big>...</big>
    texto grande
    <small>...</small> texto pequeno
    <sub>...</sub> texto subscrito
    <sup>...</sup> texto supescrito

    ELEMENTOS DE TIPO DE INFORMAO


    <cite>...</cite>
    <code>...</code>
    <em>...</em>
    <kbd>...</kbd>
    <samp>...</samp>
    <strong>...</strong>
    <var>...</var>
    <tt>...</tt>
    <listing>....</listing>

    marca uma citao


    texto de cdigo
    texto enfatizado
    texto teclado
    texto de amostra
    texto marcado
    uma varivel
    define o texto utilizando uma fonte de tipo e largura definidas pelo navegador
    em desuso. Usa-se o <pre>

    FONT
    <font face=arial> TEXTO </font>
    <font face=arial size=5 color=black>SEU TEXTO</font>

    LISTAS
    Listas no-ordenadas
    <ul>...</ul> elemento delimitador de lista sem ordenao
    <li>...</li> inserir antes de cada lista
    Exemplo:
    <body>
    <h2>lista no-ordenadas</h2>
    <ul>
    <li>elemento 1</li>
    <li>elemento 2</li>
    </ul>
    </body>
    Listas ordenadas
    <ol> elemento delimitador de lista ordenada
    Exemplo:
    <body>
    <h2>lista ordenadas</h2>
    <ol>
    <li>elemento 1</li>
    <li>elemento 2</li>
    </ol>
    </body>
    Listas intercaladas (pag50)
    Listas de definies
    <dl> tag de iniciao
    <dt> para cada novo termo
    <dd> para as definies dos termos

    TABELAS
    <table>...</table> inicia a tabela
    <tr>....</tr> indica o incio de uma linha na tabela
    <td>....</td> indica uma coluna na tabela
    Exemplo

    <body>
    <table width=200 height=139 border=1 align=center bordercolor=#009900>
    <tr>
    <td width=100>Primeira celula</td>
    <td width=100>Segunda celula</td>
    </tr>
    <tr>
    <td width=100>Primeira celula</td>
    <td width=100>Primeira celula</td>
    </tr>
    </body>

    IMAGENS
    Inserindo imagem de fundo
    <body background=imagens/fundo1.jpg> ou
    <body background=imagens/fundo1.jpg bgcolor=ffcecb>
    Inserindo imagem
    <img src=url_imagem>
    <img src=imagem/fundo1.jpg>
    alt
    indica um texto alternativo para a imagem
    <img src=url_imagem alt=descrio_da_imagem>
    border
    quando uma frase marcada como ancora de um link, ela se apresenta sublinhada
    <img src=url_imagem alt=descrio_da_imagem border=4>

    HIPERTEXTO

    Anda mungkin juga menyukai