HTML - HyperText Markup
Language
Professora: Fabrícia F. de Souza
Preparação de diretório
Pasta Seu nome
Arquivos: tarefas.html
Arquivo: pagina inicial.html
Imagens
HTML - HyperText Markup Language
•
Linguagem padrão utilizada para acesso e exibição de páginas web
•
Os comandos são interpretados pelo Navegador (Browser), que
mostra o resultado final ao utilizador.
•
Os comandos são constituídos por textos e códigos especiais
denominados Tags ou marcas
Estrutura de um ficheiro HTML
•
As tags (comandos) são inseridas dentro do simbolo menor que “<“
e maio que “>”.
•
Exemplo: <html>, <body>, <br>
•
As tags começam sempre abertas < ...> e encerram fechadas < /..>
•
Exemplo: <html> </html> , <body> </body>
•
Nem todas as tags precisam ser fechadas, como por exemplo a
tag: <p> que insere um espaço entre as linhas
Primeiros comandos HTML
Abra o bloco de notas e digite
Abra o Browser e visualize
Primeiros comandos HTML
Digite no bloco de notas
Visualize no Browser
Exercitando os comandos HTML
•
No bloco de notas, abra o arquivo “ Pagina Inicial”
•
Insira um texto de no máximo 10 linhas
•
Formate o texto utilizando as seguintes tags:
•
Itálico: <I> texto </I>
•
Negrito: ou bold: <B> texto </B>
•
Sublinhado: <U> texto </U>
•
Bold e itálico: <B> <I> texto </I></B>
•
Bold, itálico e sublinhado: <B> <I> <U>texto </U> </I> </B>
•
Aumente o tamanho da fonte para de algumas palavras e mude o tipo e
cor de outras:
Tag: <font>....</font>
•
Tamanho (1 a 7): <font size=“1”> texto </font>
•
Tipo: <font face=“Verdana”> texto</font>
•
Cor: <font color=“blue”> texto</font>
Salve do documento como: pagina incial.html
Pasta Seu nome
Arquivo: pagina inicial.html
Download

AULA_2_Linguagem de Apresentação e Estruturação de