Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML

    Diunggah oleh

    Alan Carlos Pereira
    28 tayangan7 halaman

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    28 tayangan7 halaman

    HTML

    Diunggah oleh

    Alan Carlos Pereira

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 7

    Lista de 'tags' comuns

    'TAGS' BSICOS

    <html></html>

    Inicia/termina um documento em HTML.

    Define a rea de cabealho, com <head></head> elementos no visualisveis na pgina. <body></body> Define a rea visvel do documento.

    CABEALHO

    <title></title>

    Coloca o nome da pgina na barra de ttulo da janela.

    ATRIBUTOS DO CORPO

    <body bgcolor=?> Cor de fundo. <body text=?> Cor de texto. <body link=?> Cor das links. <body vlink=?> Cor das links previamente visitadas.

    <body alink=?> Cor da link activa.


    TEXTO

    <b></b> Texto carregado. <i></i> Texto em itlico. <tt></tt> Texto estilo mquina de escrever, monoespaamento.

    <font size=?></font> Tamanho das letras. <font color=?></font> Cor das letras. <font face=?></font> Define a fonte utilizada.
    LINKS

    <a href="URL"></a> Cria uma hiperligao. <a Cria uma link para o envio de href="mailto:EMAIL"></a> correio. <a name="NOME"></a> Cria um 'alvo' dentro de uma pgina.

    Faz a ligao a um 'alvo' <a href="#NAME"></a> presente dentro da mesma pgina.


    FORMATAO

    <p></p> Define a rea de um pargrafo. <p align=?> Alinhamento de um pargrafo. <br> Insere uma quebra de linha. <div align=?> 'Tag' genrico utilizado para formatar blocos de texto.

    GRAFISMO

    <img src="FICHEIRO"> Insere uma imagem. <img src="FICHEIRO" Alinha uma imagem em relao align=?> ao resto do texto. <img src="FICHEIRO" Define a borda da imagem. border=?> <hr> Insere uma linha horizontal.
    TABELAS

    <table></table> Cria uma tabela. <tr></tr> Linha de uma tabela <td></td> Clula individual numa linha.
    ATRIBUTOS DAS TABELAS

    <table border=#> Borda volta de cada clula. <table cellspacing=#> Espao entre as clulas. <table cellpadding=#> Margem interior das clulas. <table width=# or %> Largura da tabela - em pixels ou percentagem.

    Alinhamento horizontal do <tr align=?> or <td contedo das clulas.quot;left", align=?> "center" ou "right") Alinhamento vertical do <tr valign=?> or <td contedo das clulas.("top", valign=?> "middle" ou "bottom") <td colspan=#> <td rowspan=#> Numero de colunas 'percorridas' por uma clula. Numero de linhas 'percorridas' por uma clula.

    FRAMES

    Define o conjunto de frames. <frameset></frameset> Surge antes de <body> num documento com frames. Define as linhas num conjunto <frameset de frames. Valor pode ser em rows="valor,valor"> pixels, percentagem ou * (o resto / proporo). Define as colunas num conjunto <frameset de frames. Valor pode ser em cols="valor,valor"> pixels, percentagem ou * (o resto / proporo). <frame> Define uma unica frame. Surge dentro de <frameset>.

    rea onde inserido o contedo <noframes></noframes> visivel em browsers que no suportam o uso de frames.
    ATRIBUTOS DE UMA FRAME

    <frame src="URL"> <frame name="nome">

    Especifica o documento HTML a ser exibido na frame. D um nome frame de modo a poder ser 'linkada' a partir de

    outras frames. Define se a frame tem barra de <frame scrolling=VALOR> scroll. VALOR pode ser "yes", "no" ou "auto". <frame noresize> Impede o visitante de redimensionar a frame.

    Estrutura bsica do HTML


    So necessrias quatro tags bsicas para descrever a estrutura geral de uma pgina a ser lida pelo navegador: <html> <head> <title> <body>. Veja o exemplo abaixo: <html> <head> <title>Seja bem-vindo</title> </head> <body> ... contedo da pgina </body> </html>

    As tags <html> </html> : - Indicam ao browser (navegador) que o documento a ser lido est escrito em linguagem HTML. - Devem obrigatoriamente abrir e encerrar uma pgina. <html> ... pgina a ser exibida </html>

    As tags <head> </head> : - Indicam quais os comandos devero ser lidos pelo navegador antes que a pgina seja carregada (como num cabealho). - Ex: ttulo da pgina, mtodo de abertura, linguagens incorporadas... - V m logo aps a tag <html> <head> ... cabealho </head>

    As tags <meta> e seus atributos: - So vrios os tipos de tags meta. As mais comuns servem para definir dados utilizados em alguns sites de pesquisa (tipo google): autor, palavras-chaves e descrio de contedo do site. <meta name=author content= Ana Laura Gomes> <meta name=keywords content=palavra chave 1, palavra chave 2> <meta name=description content=este site foi produzido para ajudar os alunos a desenvolverem melhor seu trabalho>

    As tags <title> </title> - definem um ttulo a ser exibido na barra de ttulo da janela do navegador - esto contidas entre as tags <head> </head> <title> ... ttulo da pgina ... </title>

    As tags <body> </body> - contm TODO o restante da pgina, o que chamamos de corpo do documento - <body> vem imediatamente aps </head> - </body> vem imediatamente antes de </html> - pode conter alguns atributos como cor de fundo da pgina, margens... <body> ... contedo da pgina </body>

    Vamos criar nossa primeira pgina em HTML. Para isso voc precisa apenas de um editor de texto simples. Se voc trabalha com o Windows siga os passos para abrir o Bloco de Notas: 1 - Clique no boto [Iniciar] 2 - Escolha [Executar] 3 - Digite na caixa em branco: notepad e clique no boto [OK]

    Com o Bloco de Notas aberto, digite o cdigo abaixo. <html> <head> <title>Bem-vindo ao meu site</title> </head> <body> ... contedo da pgina </body> </html> O HTML no uma linguagem tipo "case sensitive" (sensvel a caracteres maisculos e minsculos) mas em nossos exemplos usaremos tudo em minsculo para j nos prepararmos para o xhtml, mas isso ja outra histria! Voc tambm poderia digitar tudo em uma nica linha que no faria a menor diferena, no geral trabalhamos com a estrutura acima para ficar mais fcil fazermos eventuais correes e verificaes. Por exemplo quando esquecemos de fechar uma tag ou colocar um sinal de menor etc. Agora salve sua pgina. Lembre-se de colocar no nome do arquivo a extenso ".htm" e na caixa "salvar como tipo" escolha a opo "todos os arquivos". A codificao pode ser "ansi". Estamos usando a pasta criada em "meus documentos" com o nome "html4blog", conforme a seo "organizao".

    Visualize sua pgina no navegador. Voc pode abrir o seu navegador favorito e escolher a opo "arquivo" e "abrir" e procurar a sua pgina na pasta "html4blog" dentro da pasta "meus documentos". Mas pode tambm primeiro abrir a pasta "html4blog" dentro da pasta "meus documentos" e dar dois cliques no arquivo "primeira_pagina.htm". Pginas ".htm" esto associadas ao navegador que ser aberto automaticamente e exibir sua pgina. Para ver o cdigo da pgina, v ao menu "exibir" e escolha a oo "cdigo fonte". Isto abre automaticamente o bloco de notas j com seu cdigo HTML digitado para qualquer alterao. Note que qualquer pgina da Internet possui o recurso de exibir o cdigo fonte e voc pode at editar este cdigo, mas na hora de salvar... A as coisas mudam. Se a pgina est na Internet, voc no tem acesso ao servidor, que o local onde a pgina est salva.

    Inserindo um comentrio: - os comentrios no so visualizados no navegador - servem para orientao do programador - podem ser colocados em qualquer lugar no cdigo <!-- ... texto do comentrio .. --> Abra a sua pgina e coloque este comentrio em qualquer lugar no cdigo. Salve e visualize o resultado na janela do navegador. Nada deve aparecer, j que o comentrio visto apenas no Bloco de Notas.

    Atributo bgcolor - Atributo? - Serve para definir uma cor de fundo para a pgina - Deve ser inserido na tag <body> <body bgcolor=#nnnnnn>
    cor branco preto azul verde vermelho hexadecimal #FFFFFF #000000 #0000FF #00FF00 #FF0000 cor branco neve cinza claro azul claro verde claro rosa claro hexadecimal #F4F4F4 #C0C0C0 #CCFFFF #DEFEDA #FFD5D5

    cinza amarelo

    #CCCCCC #FFFF00

    amarelo claro roxo claro

    #FFFFF5 #EFDFFF

    exemplo: <html> <head> <!-- Ttulo da Home Page --> <title>Bem-vindo ao meu site</title> </head> <body bgcolor="#efdfff"> ... contedo da pgina </body> </html> mais cores... Abra novamente o Bloco de Notas, digite o cdigo acima e salve sua pgina com o nome de segunda_pagina.htm. Abrir o bloco de notas? Salvar?

    Fim

    Anda mungkin juga menyukai