Scribd Logo
Upload

Welcome to Scribd!

  • Introducao HTML UFCD 0792

    Uploaded by

    Nuno Silvestre
    720 views16 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    720 views16 pages

    Introducao HTML UFCD 0792

    Uploaded by

    Nuno Silvestre

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 16

    INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, I.P.

    CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE VISEU SERVIO DE FORMAO PROFISSIONAL DE VISEU

    Nome da Ao
    Tcnico de Mecatrnica Automvel 3 ano FVI

    Criao de pginas para a Web em hipertexto

    N e nome da UFCD e cdigo 0792 Nome do Formador:


    Vtor Oliveira

    Criao de Pginas Web em Hipertexto


    INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, I.P. CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE VISEU SERVIO DE FORMAO PROFISSIONAL DE VISEU

    UFCD - 0792
    Carga horria: 25 horas
    Eng. Vtor Oliveira

    Turma: 3 FVI

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto


    2

    Criao de Pginas Web em Hipertexto

    ESTRUTURA CDIGO HTML

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Estrutura do cdigo em HTML

    Tem uma estrutura predefinida que utiliza marcas <html>,<head>,<title>,<body> parte de algumas excees, as marcas abertas tm de ser fechadas usando / </html>,</head>,</title>,</body> Os contedos so colocados entre as marcas <body> e </body>

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Estrutura do cdigo em HTML cont.

    O contedo inserido entre <title> e </title> aparece na barra de ttulo do navegador O contedo apresentado ao visitante da pgina est entre <body> e </body> Pode utilizar um editor de texto simples como o NotePad para editar os ficheiros HTML Deve gravar sempre esses ficheiros com extenso .html ou .htm
    Tecnologias da Informao e Comunicao - TIC Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto

    TAGS EM HTML

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Exerccios iniciar e finalizar cdigo html Cdigo HTML
    <html> <body> corpo do programaaqui escrevo o cdigo html </body> </html>

    Resultado
    corpo do programa

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Exerccios cabealhos e pargrafos Cdigo HTML
    <html> <body> <h1> Primeiro Cabealho </h1> */pode ir at h6/* <p> Primeiro Pargrafo. </p> </body> </html>

    Resultado
    Primeiro Cabealho Primeiro Pargrafo

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Exerccios Ttulo da pgina Cdigo HTML
    <html> <body>
    <title> .::Introduo ao HTML::.</title>

    Resultado

    </body> </html>

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Exerccios - hiperligaes Cdigo HTML
    <html> <body>
    <a href=pagina1.html> link pagina 1 </a>

    Resultado
    link pagina 1

    </body> </html>

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Exerccios bold/negrito, itlico e sublinhado Cdigo HTML
    <html> <body>
    <b> estou a escrever a negrito </b> <i>estou a escrever em itlico </i> <u>estou a escrever com sublinhado </u>

    Resultado
    estou a escrever a negrito estou a escrever em itlico estou a escrever com sublinhado

    </body> </html>

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Exerccios fontes, cores e tamanhos Cdigo HTML
    <html> <body>
    <font face=calibri color=blue size=5 > Texto em Calibri, cor azul e tamanho 5</font>

    Resultado
    Texto em Calibri, cor azul e tamanho 5

    </body> </html>
    Nota: cor pode ser color=#000000 combinaes de cores

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Exerccios prtico Cdigo HTML
    <HTML> <BODY> <FONT FACE="ARIAL COLOR="RED" SIZE="5"> EXEMPLO 2 DE HTML: Formatar o texto <FONT COLOR="GREEN"> Com letra colorida! <FONT SIZE="2"> E diferentes tamanhos</FONT> <FONT FACE=TIMES COLOR=#000000> E diferentes estilos: <B>negrito</B> <I>itlico</I> <U>sublinhado</U></FONT> </BODY> </HTML>

    Resultado

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Exerccios prtico Cdigo HTML
    <HTML> <BODY> <P>EXEMPLO 5 DE HTML: CRIAO DE TABELAS</P> <TABLE BORDER="1"> <TR> <TD>Esta a primeira coluna da primeira linha</TD> <TD>Esta a segunda coluna da primeira linha</TD> </TR> <TR> <TD>Esta a primeira coluna da segunda linha</TD> <TD>Esta a segunda coluna da segunda linha</TD> </TR> </TABLE> </BODY> </HTML>

    Resultado

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Comandos
    <pre> </pre> fazem com que os pargrafos e espaos sejam apresentados tal como esto escritos

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    Criao de Pginas Web em Hipertexto


    Comandos
    O texto formatado utilizando o parmetro style na marca <p> Permite a escolha da fonte atravs de font-family:<nome da fonte> Permite a escolha do tamanho da fonte atravs de font-size:100% Permite a escolha da cor atravs de color:blue Esta uma utilizao simples de folhas de estilo, tendo estas outras potencialidades Usualmente esto disponveis as fontes arial, times e verdana

    Tecnologias da Informao e Comunicao - TIC

    Criao de Pginas Web em Hipertexto

    You might also like