Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTML

    Enviado por

    Gonçalo Roxo
    14 visualizações45 páginas
    html basic

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    html basic

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    14 visualizações45 páginas

    HTML

    Enviado por

    Gonçalo Roxo
    html basic

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 45

    Co-financiado pelo FSE e Estado Portugus

    APRENDIZAGEM

    APRENDIZAGEM

    INTRODUO

    APRENDIZAGEM

    TAGS
    TAGS SO OS COMANDOS USADOS PARA A CONSTRUO DE SUA PGINA NA WEB, PODEM SER
    ABERTAS, COMO <BR>, OU FECHADAS, COMO <P></P>. AS TAGS QUE POSSUEM / SERVEM
    PARA FECHAR UMA TAG ANTES ABERTA (</FONT>).

    APRENDIZAGEM

    EDITORES
    PARA CONSTRUO DE DA PGINA NA WEB, PODEM SER UTILIZADOS EDITORES DE TEXTO SIMPLES,
    COMO WORD, WORDPAD, OU MAIS SIMPLES AINDA, O BLOCO DE NOTAS, PORM, EXISTEM
    EDITORES MUITO MAIS SOFISTICADOS E FCEIS DE USAR, COMO O FRONTPAGE, E MAIS
    SOFISTICADOS E FCEIS AINDA, O MACROMEDIA DREAMWEAVER E SEUS SIMILARES.

    APRENDIZAGEM

    GUARDAR UMA PGINA WEB


    EM QUALQUER QUE SEJA O EDITOR DE TEXTO, POSSVEL CONSTRUIR UMA PGINA HTML, PORM PARA
    QUE ESSA PGINA

    APRENDIZAGEM

    ESTRUTURA DE PAG. HTML

    APRENDIZAGEM

    ESTRUTURA DE PAG. HTML

    APRENDIZAGEM

    ESTRUTURA DE PAG. HTML

    APRENDIZAGEM

    TAGS E SEUS ATRIBUTOS

    APRENDIZAGEM

    TAG <META>

    APRENDIZAGEM

    TAG <META>
    <HEAD>
    <META NAME="DESCRIPTION" CONTENT=PGINA DE EXPERINCIA">
    <META NAME="KEYWORDS" CONTENT="HTML,CSS,XML,JAVASCRIPT">
    <META NAME="AUTHOR" CONTENT=COMPETIR">
    <META CHARSET="UTF-8">
    </HEAD>

    APRENDIZAGEM

    TAG <META NAME=KEYWORDS>

    APRENDIZAGEM

    TAG <META NAME=DESCRIPTION>

    APRENDIZAGEM

    TAG <META NAME=AUTHOR>

    APRENDIZAGEM

    TAG <META HTTP-EQUIV>


    <meta charset="ISO-8859-1" />

    APRENDIZAGEM

    TAG <META HTTP-EQUIV>

    APRENDIZAGEM

    FICHA 1
    CRIA UMA PGINA WEB COM OS SEGUINTES PONTOS:

    TITULO DA PGINA :EXERCCIO 1


    PALAVRAS DE PROCURA : ESTREMOZ, COMPETIR, FORMAO
    DESCRIO: PRIMEIRA PGINA REALIZADA PELOS ALUNOS DO CURSO TCNICO DE MESA E BAR
    AUTOR DA PGINA
    ATUALIZAR A PGINA DE 1M A 1 M
    CONFIGURAR PGINA PARA ALFABETO PORTUGUS

    APRENDIZAGEM

    <!DOCTYPE>

    THE <!DOCTYPE> DEVE ESTAR NA PRIMEIRA LINHA DA PGINA HTML, ANTES INCLUSIV DA TAG
    <HTML>

    <!DOCTYPE> NO UMA TAG HTML, UMA INSTRUO PARA O BROWSER SOBRE A VERSO DO
    HTML QUE A PGINA IR UTILIZAR.

    APRENDIZAGEM

    BODY TAGS

    APRENDIZAGEM

    <H1>.<H6>
    PERMITE DEFINIR CABEALHOS <H1> MAIS IMPORTANTE..<H6> MENOS IMPORTANTE

    APRENDIZAGEM

    Na tua opinio qual a funo das tag <p> e <b> ?

    FICHA 2

    APRENDIZAGEM

    <P>.</P>
    PERMITE CRIAR PARGRAFOS

    APRENDIZAGEM

    FICHA 3

    APRENDIZAGEM

    FICHA 4
    CRIA UMA PGINA QUE FALE SOBRE TI
    COLOCA A FRASE ESTE SOU EU EM DESTAQUE
    NOME COMPLETO:
    MORADA:
    CIDADE:
    EMAIL:
    GOSTO DE :
    NO GOSTO:

    APRENDIZAGEM

    <BR>

    PASSA O TEXTO PARA A LINHA DEBAIXO

    APRENDIZAGEM

    FICHA 5

    APRENDIZAGEM

    <HR>

    DEFINE UM NOVO TEMA DENTRO DA PAGINA WEB

    APRENDIZAGEM

    FICHA 6

    APRENDIZAGEM

    ATRIBUTOS

    PERMITEM ADICIONAR INFORMAO EXTRA PGINA WEB

    APRENDIZAGEM

    ATRIBUTOS

    <A HREF=NOME DE SITE">TEXTO DO LINK</A>

    APRENDIZAGEM

    ATRIBUTOS

    APRENDIZAGEM

    NEGRITO - <B> </B>


    FORTE <STRONG> </STRONG>
    ITLICO <I> </I>
    TEXTO TIPO CDIGO <CODE> </CODE>
    INFERIOR LINHA <SUB> </SUB>
    SUPERIOR LINHA <SUP> </SUP>
    SUBLINHADO <U> </U>

    FORMATAO DE TEXTO

    FORMATAO DE TEXTO

    APRENDIZAGEM

    FICHA 7

    NA PAGINA WEB QUE CRIASTE COLOCA UMA LINHA COM TODOS OS FORMATOS ESTUDADOS

    APRENDIZAGEM

    ATRIBUTO TARGET
    ESTE ATRIBUTO PERMITE ESPECIFICAR O ALVO DO LINK , OU SEJA , PERMITE-NOS ESPECIFICAR SE A
    NOVA PAGINA ABRE NO MESMO SEPARADOR, NUM NOVO SEPARADOR, NUM NOVA JANELA, ETC.

    TARGET=_BLANK ABRE NOVO SEPARADOR


    TARGET =_SELF ABRE NO PRPRIO SEPARADOR (POR DEFEITO)

    APRENDIZAGEM

    TARGET

    APRENDIZAGEM

    IMAGENS
    PARA COLOCAR IMAGENS, UTILIZAMOS A TAG <IMG SRC= >, QUE IDENTIFICA A LOCALIZAO DA
    IMAGEM PRETENDIDA.

    ALT = O TEXTO QUE COLOCADO ENTRE ASPAS SUBSTITUI A IMAGEM, CADA VEZ QUE ESTA NO POSSA
    SER MOSTRADA

    WIDTH= DETERMINA O COMPRIMENTO DA IMAGEM


    HEIGHT = DETERMINA A ALTURA DA IMAGEM
    TILE= MOSTRA UMA PEQUENA DESCRIO DA IMAGEM

    APRENDIZAGEM

    IMAGEM

    APRENDIZAGEM

    TABELAS
    TABLES SO DEFINIDAS PELA TAG<TABLE> E TERMINAM </TAG>.
    AS TABELAS ESTO DIVIDIDAS EM LINHAS <TR> A ROW IS DIVIDED INTO DATA CELLS WITH THE <TD>
    TAG. (TD STANDS FOR TABLE DATA)

    AS LINHAS PODEM ESTAR DIVIDAS EM LINHAS DE CABEALHO , UTILIZAMOS A TAG <TH>


    A TAG <TD> A RESPONSVEL POR CONSEGUIRMOS ESCREVER DENTRO DE UMA TABELA.
    THE <TD> ELEMENTS PODEM CONTER ELEMENTOS TIPO TEXT, IMAGENS, LISTAS, OUTRAS TABELES, ETC.

    APRENDIZAGEM

    TABELAS

    APRENDIZAGEM

    TABELAS

    LISTAS
    PARA CRIAR LISTAS UTILIZAMOS AS TAG <UL> E </UL> PARA ABRIR E FECHAR UMA LISTA. PARA
    COLOCARMOS ELEMENTOS NA LISTA UTILIZAMOS <LI> E </LI>

    APRENDIZAGEM

    LISTAS

    APRENDIZAGEM

    DIV

    ESTA TAG RESPONSAVEL POR AGRUPAR INFORMAO <DIV> </DIV>

    LAYOUT

    Você também pode gostar