1) O documento introduz os principais conceitos da linguagem HTML, incluindo a estrutura básica de uma página HTML, elementos como parágrafos, cabeçalhos, listas e hiperligações.
2) São explicados vários elementos como imagens, tabelas e formatação de texto com exemplos.
3) A estrutura hierárquica dos elementos HTML é destacada, não podendo ser intercalados.
O documento explica as principais tags HTML usadas para estruturar páginas web. Detalha tags como <html>, <head>, <body>, <h1>, <p>, <img>, <a>, <ul>, <ol>, <li>, <table>, <tr> e <td>, mostrando como cada uma funciona e como estruturar corretamente uma página web em HTML.
O documento apresenta os principais conceitos e tags da linguagem HTML para construção de páginas web. Em três frases ou menos, o documento explica:
1) A estrutura básica de um documento HTML, com as tags <html>, <head> e <body>; 2) As principais tags para formatação de texto como <p>, <h1-6>, <b>, <i>, <small> e <mark>; 3) As tags para inserção de links (<a>), imagens (<img>) e formulários (<form>, <input>).
Este documento apresenta uma aula introdutória sobre HTML, cobrindo os seguintes tópicos: o que é HTML e como funciona, a estrutura básica de uma página HTML, e as principais tags como <html>, <head>, <body>, <p>, <br>, <h1-h6>. O objetivo é ensinar os elementos fundamentais para construção de páginas web.
O documento apresenta uma introdução ao HTML, incluindo sua estrutura básica com <html>, <head> e <body>. Ele ensina elementos como cabeçalhos, parágrafos, listas, links, imagens e tabelas. O documento também mostra como formatar texto com cores, fontes e tamanhos de fonte, e como criar frames para dividir uma página em seções.
O documento discute conceitos básicos de HTML, incluindo cabeçalhos, parágrafos, formatação de texto, links, imagens, vídeos, áudio, tabelas, listas e comentários. Também aborda conceitos de CSS como vinculação de folhas de estilo e sintaxe básica de seletores, propriedades e valores.
Este documento fornece informações sobre a linguagem HTML. Ele explica os diferentes elementos de conteúdo em HTML, incluindo elementos em linha, elementos de bloco e categorias de elementos. Também discute regras básicas de layout e novos elementos estruturais do HTML5 como header, nav, section, article, aside e footer.
O documento apresenta uma introdução ao HTML e CSS, com uma linha do tempo histórica destas tecnologias e explicações sobre elementos estruturais e chaves como tags, seções head e body, listas e tabelas. É fornecido um guia sobre quais tags devem e não devem ser usadas atualmente.
Este documento fornece uma introdução aos principais conceitos e elementos da linguagem HTML, incluindo: (1) Definição e propósito das tags HTML; (2) Estrutura básica de um documento HTML com os elementos head, body e html; (3) Diferentes elementos para formatação de texto, cabeçalhos, parágrafos, links e imagens.
O documento explica as principais tags HTML usadas para estruturar páginas web. Detalha tags como <html>, <head>, <body>, <h1>, <p>, <img>, <a>, <ul>, <ol>, <li>, <table>, <tr> e <td>, mostrando como cada uma funciona e como estruturar corretamente uma página web em HTML.
O documento apresenta os principais conceitos e tags da linguagem HTML para construção de páginas web. Em três frases ou menos, o documento explica:
1) A estrutura básica de um documento HTML, com as tags <html>, <head> e <body>; 2) As principais tags para formatação de texto como <p>, <h1-6>, <b>, <i>, <small> e <mark>; 3) As tags para inserção de links (<a>), imagens (<img>) e formulários (<form>, <input>).
Este documento apresenta uma aula introdutória sobre HTML, cobrindo os seguintes tópicos: o que é HTML e como funciona, a estrutura básica de uma página HTML, e as principais tags como <html>, <head>, <body>, <p>, <br>, <h1-h6>. O objetivo é ensinar os elementos fundamentais para construção de páginas web.
O documento apresenta uma introdução ao HTML, incluindo sua estrutura básica com <html>, <head> e <body>. Ele ensina elementos como cabeçalhos, parágrafos, listas, links, imagens e tabelas. O documento também mostra como formatar texto com cores, fontes e tamanhos de fonte, e como criar frames para dividir uma página em seções.
O documento discute conceitos básicos de HTML, incluindo cabeçalhos, parágrafos, formatação de texto, links, imagens, vídeos, áudio, tabelas, listas e comentários. Também aborda conceitos de CSS como vinculação de folhas de estilo e sintaxe básica de seletores, propriedades e valores.
Este documento fornece informações sobre a linguagem HTML. Ele explica os diferentes elementos de conteúdo em HTML, incluindo elementos em linha, elementos de bloco e categorias de elementos. Também discute regras básicas de layout e novos elementos estruturais do HTML5 como header, nav, section, article, aside e footer.
O documento apresenta uma introdução ao HTML e CSS, com uma linha do tempo histórica destas tecnologias e explicações sobre elementos estruturais e chaves como tags, seções head e body, listas e tabelas. É fornecido um guia sobre quais tags devem e não devem ser usadas atualmente.
Este documento fornece uma introdução aos principais conceitos e elementos da linguagem HTML, incluindo: (1) Definição e propósito das tags HTML; (2) Estrutura básica de um documento HTML com os elementos head, body e html; (3) Diferentes elementos para formatação de texto, cabeçalhos, parágrafos, links e imagens.
O documento apresenta uma aula introdutória sobre HTML, abordando suas principais tags e estrutura básica. É explicado o que é HTML e suas tags, como <html>, <head>, <title>, <body>, <h1>-<h6> para títulos, <p> para parágrafos, <br> para quebras de linha, <hr> para linhas horizontais, <ul> e <li> para listas não ordenadas, <ol> e <li> para listas ordenadas, <dl>, <dt> e <dd> para listas de definição e cores em HTML
O documento explica que (1) HTML é a linguagem usada para codificar páginas da web, (2) HTML define a estrutura básica das páginas web enquanto o HTTP permite a transferência das páginas pela internet, e (3) HTML não é uma linguagem de programação propriamente dita mas sim uma linguagem de marcação usada para estruturar documentos.
O documento descreve o que é HTML, a linguagem usada para criar páginas da web. HTML usa tags para estruturar o conteúdo em elementos como títulos, parágrafos e listas. O documento também explica como criar páginas HTML básicas usando um editor de texto.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Inclui explicações sobre como estruturar corretamente um documento HTML, usar marcações semânticas como tags de títulos e parágrafos, e estilizar o conteúdo usando uma folha de estilos externas CSS.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Ele explica como estruturar corretamente um documento HTML, incluindo as tags <html>, <head> e <body>. Também discute como usar marcações semânticas como <h1>, <p> e <img> e como estilizar o conteúdo usando uma folha de estilos CSS externa ou interna.
O documento apresenta um minicurso sobre HTML, ensinando sobre as principais tags e estruturas do HTML, como <p>, <img>, <a>, <ul>, <ol>, <table>, além de novas tags semânticas do HTML5 como <header>, <nav> e <video>. O documento é dividido em seções ensinando sobre títulos, parágrafos, links, imagens, listas, formulários, elementos de bloco e linha, e por fim um projeto final para aplicar os conhecimentos.
O documento descreve o que é HTML, como funciona a estrutura básica de uma página web em HTML e alguns elementos e tags importantes como cabeçalho, corpo, títulos, parágrafos, links, imagens e tabelas.
O documento descreve conceitos fundamentais de (X)HTML, incluindo: (1) A distinção entre estrutura e forma em HTML; (2) O XHTML como uma versão mais restrita de HTML definida como aplicação XML; (3) Os elementos fundamentais de (X)HTML como tags, atributos, conteúdo.
O documento fornece uma introdução básica sobre HTML, cobrindo tópicos como preparação de arquivos, tags comuns (como títulos, parágrafos e links), formatos de texto, tabelas, listas, cores e blocos. Ele também discute como adicionar estilos ao HTML através de CSS interno, externo ou diretamente no código.
Este documento discute conceitos de análise e desenvolvimento de sistemas, como HTML, ética, lógica de programação e fundamentos da computação. Ele explica tags HTML, como criar links e tabelas, e discute tópicos como ética no ambiente de trabalho, tipos de dados em C# e organização de arquivos.
O documento fornece uma introdução sobre HTML e CSS, descrevendo suas principais características e elementos. Ele explica o que são HTML, tags e estrutura básica de um documento HTML. Também apresenta as propriedades e elementos essenciais de CSS, como fontes, bordas, fundos e listas. Por fim, fornece dicas sobre como aprender mais sobre esses temas através da prática.
O documento introduz os principais elementos HTML, incluindo tags para títulos, fontes, formatação de texto, parágrafos, quebras de linha, listas, imagens, links, linhas, formulários e tabelas. É apresentada a estrutura básica de uma página HTML e como usar cada elemento.
Este documento fornece uma introdução aos principais conceitos de HTML, incluindo: (1) HTML é a linguagem usada para escrever páginas da web, permitindo estruturar texto com etiquetas; (2) Páginas da web podem conter não só texto, mas também imagens, vídeos e outros conteúdos multimídia; (3) Formulários HTML permitem coletar dados do usuário através de campos de texto, caixas de seleção e botões.
O documento fornece uma introdução sobre HTML, incluindo como criar um documento HTML, editores HTML, conceitos básicos e sintaxe de tags. Também descreve tags fundamentais como <html>, <head>, <body>, além de tags para formatação de texto, imagens, listas, tabelas, frames e links.
1. O documento discute HTML5, apresentando sua história, arquitetura, elementos e semântica. Também aborda CSS3 e JavaScript.
2. São apresentados diversos elementos HTML5 como vídeo, áudio, listas e formulários, além de CSS como fontes, cores e bordas.
3. O documento fornece links e exemplos para auxiliar no aprendizado de HTML5, CSS3 e JavaScript.
O documento introduz os conceitos básicos de HTML, incluindo:
1) HTML é uma linguagem de marcação usada para criar páginas da web;
2) Documentos HTML são compostos por elementos como tags, cabeçalhos, parágrafos e links;
3) Atributos fornecem informações adicionais sobre elementos HTML.
O documento fornece uma introdução sobre PHP, descrevendo o que é PHP, o que faz, por que usar PHP em vez de outras tecnologias, e os pré-requisitos para programação em PHP. Resume alguns conceitos básicos de HTML e fornece exemplos de código.
O documento resume conceitos básicos de HTML, incluindo tags como <a>, <br>, <hr> e <table>. Ele instrui a criação de 3 páginas HTML: uma página principal com links para as outras duas, uma segunda página com parágrafos e uma barra horizontal, e uma terceira página com uma tabela.
O documento apresenta uma aula introdutória sobre HTML, abordando suas principais tags e estrutura básica. É explicado o que é HTML e suas tags, como <html>, <head>, <title>, <body>, <h1>-<h6> para títulos, <p> para parágrafos, <br> para quebras de linha, <hr> para linhas horizontais, <ul> e <li> para listas não ordenadas, <ol> e <li> para listas ordenadas, <dl>, <dt> e <dd> para listas de definição e cores em HTML
O documento explica que (1) HTML é a linguagem usada para codificar páginas da web, (2) HTML define a estrutura básica das páginas web enquanto o HTTP permite a transferência das páginas pela internet, e (3) HTML não é uma linguagem de programação propriamente dita mas sim uma linguagem de marcação usada para estruturar documentos.
O documento descreve o que é HTML, a linguagem usada para criar páginas da web. HTML usa tags para estruturar o conteúdo em elementos como títulos, parágrafos e listas. O documento também explica como criar páginas HTML básicas usando um editor de texto.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Inclui explicações sobre como estruturar corretamente um documento HTML, usar marcações semânticas como tags de títulos e parágrafos, e estilizar o conteúdo usando uma folha de estilos externas CSS.
Aula 05 ferramentas para autoria de produtos multimídia iiFábio Costa
Este documento discute a estrutura e formatação de páginas web usando HTML e CSS. Ele explica como estruturar corretamente um documento HTML, incluindo as tags <html>, <head> e <body>. Também discute como usar marcações semânticas como <h1>, <p> e <img> e como estilizar o conteúdo usando uma folha de estilos CSS externa ou interna.
O documento apresenta um minicurso sobre HTML, ensinando sobre as principais tags e estruturas do HTML, como <p>, <img>, <a>, <ul>, <ol>, <table>, além de novas tags semânticas do HTML5 como <header>, <nav> e <video>. O documento é dividido em seções ensinando sobre títulos, parágrafos, links, imagens, listas, formulários, elementos de bloco e linha, e por fim um projeto final para aplicar os conhecimentos.
O documento descreve o que é HTML, como funciona a estrutura básica de uma página web em HTML e alguns elementos e tags importantes como cabeçalho, corpo, títulos, parágrafos, links, imagens e tabelas.
O documento descreve conceitos fundamentais de (X)HTML, incluindo: (1) A distinção entre estrutura e forma em HTML; (2) O XHTML como uma versão mais restrita de HTML definida como aplicação XML; (3) Os elementos fundamentais de (X)HTML como tags, atributos, conteúdo.
O documento fornece uma introdução básica sobre HTML, cobrindo tópicos como preparação de arquivos, tags comuns (como títulos, parágrafos e links), formatos de texto, tabelas, listas, cores e blocos. Ele também discute como adicionar estilos ao HTML através de CSS interno, externo ou diretamente no código.
Este documento discute conceitos de análise e desenvolvimento de sistemas, como HTML, ética, lógica de programação e fundamentos da computação. Ele explica tags HTML, como criar links e tabelas, e discute tópicos como ética no ambiente de trabalho, tipos de dados em C# e organização de arquivos.
O documento fornece uma introdução sobre HTML e CSS, descrevendo suas principais características e elementos. Ele explica o que são HTML, tags e estrutura básica de um documento HTML. Também apresenta as propriedades e elementos essenciais de CSS, como fontes, bordas, fundos e listas. Por fim, fornece dicas sobre como aprender mais sobre esses temas através da prática.
O documento introduz os principais elementos HTML, incluindo tags para títulos, fontes, formatação de texto, parágrafos, quebras de linha, listas, imagens, links, linhas, formulários e tabelas. É apresentada a estrutura básica de uma página HTML e como usar cada elemento.
Este documento fornece uma introdução aos principais conceitos de HTML, incluindo: (1) HTML é a linguagem usada para escrever páginas da web, permitindo estruturar texto com etiquetas; (2) Páginas da web podem conter não só texto, mas também imagens, vídeos e outros conteúdos multimídia; (3) Formulários HTML permitem coletar dados do usuário através de campos de texto, caixas de seleção e botões.
O documento fornece uma introdução sobre HTML, incluindo como criar um documento HTML, editores HTML, conceitos básicos e sintaxe de tags. Também descreve tags fundamentais como <html>, <head>, <body>, além de tags para formatação de texto, imagens, listas, tabelas, frames e links.
1. O documento discute HTML5, apresentando sua história, arquitetura, elementos e semântica. Também aborda CSS3 e JavaScript.
2. São apresentados diversos elementos HTML5 como vídeo, áudio, listas e formulários, além de CSS como fontes, cores e bordas.
3. O documento fornece links e exemplos para auxiliar no aprendizado de HTML5, CSS3 e JavaScript.
O documento introduz os conceitos básicos de HTML, incluindo:
1) HTML é uma linguagem de marcação usada para criar páginas da web;
2) Documentos HTML são compostos por elementos como tags, cabeçalhos, parágrafos e links;
3) Atributos fornecem informações adicionais sobre elementos HTML.
O documento fornece uma introdução sobre PHP, descrevendo o que é PHP, o que faz, por que usar PHP em vez de outras tecnologias, e os pré-requisitos para programação em PHP. Resume alguns conceitos básicos de HTML e fornece exemplos de código.
O documento resume conceitos básicos de HTML, incluindo tags como <a>, <br>, <hr> e <table>. Ele instrui a criação de 3 páginas HTML: uma página principal com links para as outras duas, uma segunda página com parágrafos e uma barra horizontal, e uma terceira página com uma tabela.
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptxLuizHenriquedeAlmeid6
Slideshare Lição 11, Central Gospel, Os Mortos Em Cristo, 1Tr24, Pr Henrique, EBD NA TV, Revista ano 11, nº 1, Revista Estudo Bíblico Jovens E Adultos, Central Gospel, 2º Trimestre de 2024, Professor, Tema, Os Grandes Temas Do Fim, Comentarista, Pr. Joá Caitano, estudantes, professores, Ervália, MG, Imperatriz, MA, Cajamar, SP, estudos bíblicos, gospel, DEUS, ESPÍRITO SANTO, JESUS CRISTO, Com. Extra Pr. Luiz Henrique, 99-99152-0454, Canal YouTube, Henriquelhas, @PrHenrique
PP Slides Lição 11, Betel, Ordenança para exercer a fé, 2Tr24.pptxLuizHenriquedeAlmeid6
Slideshare Lição 11, Betel, Ordenança para exercer a fé, 2Tr24, Pr Henrique, EBD NA TV, 2° TRIMESTRE DE 2024, ADULTOS, EDITORA BETEL, TEMA, ORDENANÇAS BÍBLICAS, Doutrina Fundamentais Imperativas aos Cristãos para uma vida bem-sucedida e de Comunhão com DEUS, estudantes, professores, Ervália, MG, Imperatriz, MA, Cajamar, SP, estudos bíblicos, gospel, DEUS, ESPÍRITO SANTO, JESUS CRISTO, Comentários, Bispo Abner Ferreira, Com. Extra Pr. Luiz Henrique, 99-99152-0454, Canal YouTube, Henriquelhas, @PrHenrique
2. 2
Linguagem usada nas páginas da web
Documentos escritos em ASCII- texto
Cada página é um ficheiro que tem a
extensão .htm ou .html
O nome do ficheiro tem de ser em
minúsculas, sem acentos e sem
espaços.
HTML
3. 3
Um elemento HTML é constituído preferencialmente
por 3 partes
Marca (tags) de inicio
Conteúdo
Marca (tags) de fim
Marcas
<p>html</p>
4. 4
Marca de inicio é composta por
Marca de inicio
<elemento atributo1=“algo” atributo2=“algo2”>
Os atributos podem ser obrigatórios ou
opcionais
Usar sempre minúsculas na escrita das marcas
5. 5
Conteúdo é basicamente o texto que aparece nas
páginas
pode ser escrito em português, com maiúsculas,
minúsculas, acentos e espaços
Conteúdo
6. 6
A marca de fim serve exclusivamente para indicar
que o fim do elemento que estamos a utilizar
Usa-se o sinal /
Por exemplo:
Marca de fim
</p>
</table>
7. 7
Existem elementos HTML que só têm a primeira
Marca de inicio
Marcas
<br>
<img src=“imagem.gif”>
8. 8
Estrutura de uma página
Definição de inicio e fim de uma página HTML - <html>…</html>
Dentro da página temos duas secções:
Cabeçalho: <head>…</head>
Corpo ou Conteúdo: <body>…</body>
10. 10
Elementos do Corpo
Paragrafo e quebra de linha
Parágrafos: delimitam blocos de informação - <p>…</p>
Quebra de linha: <br> - Elemento que não precisa de marca do fim
Exemplo:
<p> Em TM temos três áreas: Informática, Fotografia e Vídeo.
A disciplina tem 11 horas semanais.<br> Dividida em 6 para
Informática e 2,5 para as restantes.</p>
Resultado
Em TM temos três áreas: Informática, Fotografia e Vídeo. A disciplina tem 11
horas semanais.
Dividida em 6 para Informática e 2,5 para as restantes.
11. Elementos do Corpo
Paragrafo e quebra de linha
Exemplo:
<p> Para inserir<br>uma quebra de
linha<br>num<br>paragrafo,<br>usa-se a marca br. </p>
Resultado
Para inserir
Uma quebra de linha
num
paragrafo
usa-se uma marca br.
12. 12
Elementos do Corpo
Cabeçalhos
Existem 6 níveis de cabeçalhos , desde o mais importante <h1> até
ao menos <h6>.
Exemplo:
<h1>Mais importante</h1>
<h2>2º mais importante</h2>
<h6>Último </h6>
Resultado
Mais Importante
2º mais importante
Último
13. 13
Elementos do Corpo
Cabeçalhos
Exemplo:
<h1 align="center">Este é o
cabeçalho 1</h1> <p>Este cabeçalho
está centrado em relação ao tamanho
da página.</p>
Resultado
Este é o cabeçalho 1
Este cabeçalho está centrado em relação ao
tamanho de página
14. 14
Elementos do Corpo
Formatação do texto
Negrito ou bold - <b>…</b>
Italico - <i>…</i>
Sublinhado - <u>…</u>
Exemplo:
<p> Em TM temos três áreas: <b>Informática, Fotografia e
Vídeo</b>. A disciplina tem <i>11 horas semanais</i>.<br> Dividida
em 6 para <u>Informática</u> e 2,5 para as restantes.</p>
Resultado
Em TM temos três áreas: Informática, Fotografia e Vídeo. A disciplina tem 11
horas semanais.
Dividida em 6 para Informática e 2,5 para as restantes.
15. 15
Elementos do Corpo
Formatação do texto
Exemplo:
<b>Este texto está em bold</b> <br> <i> Este texto está em italico
</i> <br> <small> Este texto mais pequeno </small>
Resultado
Este texto está em bold
Este texto está em italico
Este texto mais pequeno
16. 16
Elementos do Corpo
Listas Numeradas
Lista - <ol>…</ol>
Elemento de uma lista <li>…</li>
Exemplo:
<ol><li>Informatica</li>
<li>Fotografia</li>
<li>Video</li>
</ol>
Resultado
1. Informática
2. Fotografia
3. Vídeo
17. 17
Elementos do Corpo
Listas Numeradas
Exemplo:
<font size=1> <h4>Lista numeradas:</h4>
<ol> <li>Maças</li> <li>Bananas</li> <li>Limões</li> <li>Laranjas</li> </ol>
<h4>Lista com letras:</h4>
<ol type="A"> <li>Maças</li> <li>Bananas</li> <li>Limões</li>
<li>Laranjas</li> </ol>
<h4>Lista com letras minusculas:</h4>
<ol type="a"> <li>Maças</li> <li>Bananas</li> <li>Limões</li>
<li>Laranjas</li> </ol>
<h4>RLista com numeros romanos:</h4>
<ol type="I"> <li>Maças</li> <li>Bananas</li> <li>Limões</li>
<li>Laranjas</li> </ol>
<h4>Lista com numeros romanos minusculos:</h4>
<ol type="i"> <li>Maças</li> <li>Bananas</li> <li>Limões</li>
<li>Laranjas</li> </ol>
</font>
18. 18
Elementos do Corpo
Listas não numeradas e sub listas
Lista - <ul>…</ul>
Elemento de uma lista <li>…</li>
Exemplo:
<ul><li>Informática</li>
<ul><li>Teórica</li>
<li>Prática</li></ul>
<li>Fotografia</li>
<li>Video</li>
</ul>
Resultado
• Informática
• Teórica
• Prática
• Fotografia
• Vídeo
19. 19
Elementos do Corpo
Listas não numeradas e sub listas
Exemplo:
<h4>Lista com discos:</h4>
<ul type="disc"> <li>Maças</li> <li>Bananas</li>
<li>Limões</li> <li>Laranjas</li> </ul>
<h4>Lista com circulos:</h4>
<ul type="circle"> <li>Maças</li> <li>Bananas</li>
<li>Limões</li> <li>Laranjas</li> </ul>
<h4>Lista com quadrados;</h4>
<ul type="square"> <li>Maças</li> <li>Bananas</li>
<li>Limões</li> <li>Laranjas</li> </ul>
20. 20
Elementos do Corpo
Hiperligações
Fazem a ligação a outros documentos
<a href=”documento”>…</a>
Exemplo:
<p>O site da disciplina Tm na área de informática é <a
href=http://moodle.fe.up.pt>no moodle da feup</a></p>
Resultado
O site da disciplina Tm na área de informática é moodle da feup
21. 21
Elementos do Corpo
Hiperligações internas
Quando queremos fazer ligações a outros ficheiros no mesmo sitio.
Exemplo:
•Ligação de um ficheiro que está em w:tmficheiro1.htm para um que está
em w:tmficheiro2.htm
•<a href=“ficheiro2.htm>…</a>
•Ligação de um ficheiro que está em w:tmficheiro1.htm para um que está
em w:tmteoricaficheiro2.htm
•<a href=“teorica/ficheiro2.htm>…</a>
•Ligação de um ficheiro que está em w:tmficheiro1.htm para um que está
em w:hjficheiro2.htm
•<a href=“../hj/ficheiro2.htm>…</a>
22. 22
Elementos do Corpo
Hiperligações internas
Exemplo:
•<a href="lastpage.htm"> Este texto</a> é um link para uma página
chamada lastpage.htm. </p> <p> <a href="http://www.google.com/"> Este
texto</a> é um link para a página do google </p>
Resultado:
Este texto é um link para uma página chamada lastpage.htm..
Este texto é um link para a página do google
23. 23
Elementos do Corpo
Imagens
Imagem - <img src=“caminho e nome da imagem com a extensão”>
Exemplo:
<img src=“R01.jpg”>
Resultado
Ter em atenção que o caminho e o nome
do ficheiro da imagem tem de ser escrito
partindo do ponto de partida do documento
Ou seja se a imagem estiver na directoria
do documento HTML só se escreve o nome
do ficheiro.
Se estiver noutra directoria temos de seguir
os mesmo cuidados que nas hiperligações
Usar minúsculas, não usar acentos
e espaços nos nomes das imagens
24. 24
Elementos do Corpo
Imagens
Exemplo:
<p> Uma imagem com o tamanho real: <img
src="http://meusregistros.pbwiki.com/f/grav_criancas_sala_de_aula2.jpg
" > </p>
<p>Uma imagem com 48 pixeis de comprimento e 48 pixeis de altura
<img
src="http://meusregistros.pbwiki.com/f/grav_criancas_sala_de_aula2.jpg
" width="48" height="48"> </p>
<p>Uma imagem com 148 pixeis de comprimento e 48 pixeis de altura
<img
src="http://meusregistros.pbwiki.com/f/grav_criancas_sala_de_aula2.jpg
" width="148" height="48"> </p>
25. 25
Elementos do Corpo
Tabelas
Muitas vezes é usada para estruturar a informação
Tabela <table>…</table>
Linha <tr>…</tr>
Celula <td>…</td>
Exemplo:
<table border=“2”>
<tr>
<td>Célula da 1ª linha e 1ª Coluna</td>
<td>Célula da 1ª linha e 2ª Coluna</td>
</tr>
<tr>
<td>Célula da 2ª linha e 1ª Coluna</td>
<td>Célula da 2ª linha e 2ª Coluna</td>
</tr>
</table>
Resultado
Célula da 1ª linha e 1ª
Coluna
Célula da 1ª linha e 2ª
Coluna
Célula da 2ª linha e 1ª
Coluna
Célula da 2ª linha e 2ª
Coluna
26. 26
Elementos do Corpo
Tabelas
Exemplo:
<h4> Esta tabela tem legenda e borda
de 6: </h4>
<table border="6">
<caption>Legenda</caption>
<tr> <td>100</td>
<td>200</td>
<td>300</td> </tr>
<tr> <td>400</td>
<td>500</td>
<td>600</td>
</tr> </table>
Resultado
Esta tabela tem legenda e borda de 6:
Legenda
100 200 300
400 500 600
27. 27
Elementos do Corpo
Tabelas
Exemplo:
<h4>Esta tabela tem fundo nas
celulas</h4>
<table border="1">
<tr> <td
bgcolor="red">primeira</td>
<td>linha</td> </tr>
<tr> <td background="3dm-
overall.gif"> segunda</td>
<td bgcolor="yellow">linha</td>
</tr> </table>
Resultado
Esta tabela tem fundo nas células
primeira linha
segunda linha
28. 28
Estrutura dos elementos
O elementos têm uma estrutura de encaixe hierárquico,
mas não podem ser intercalados
<p>Paragrafo com texto <b>tipo bold</b> texto normal novamente</p>
Correcto
Incorrecto
<p>Texto que não <b> aparece</p> correctamente</b>
29. 29
Referencias
HTML página de consulta
W3C HTML Home Page, W3C
Especificação da HyperText Markup Language 4.01, W3C
Lista de elementos HTML, W3C
Lista de atributos HTML, W3C
HyperText Markup Language, WaSP