SlideShare uma empresa Scribd logo
1 de 3
Baixar para ler offline
Exercício 2 de html


Crie uma tabela com linhas e colunas suficientes considerando os seguintes elementos:

1-o nome do site numa linha de topo

2-abaixo, numa coluna à esquerda os links de referência:

       -moodle da escola

       -google

       -blog de icc

       -uma imagem desportiva que faça ligação para o site do jogo

3-na mesma linha e numa coluna a direita escrever o seguinte texto.




Etiquetas

Todo documento HTML apresenta etiquetas[5], elementos entre parênteses angulares (sinais
de maior e menor) (< e >); esses elementos são os comandos de formatação da linguagem.
A maioria das etiquetas tem sua correspondente de fechamento:

<etiqueta>...</etiqueta>

Isso é necessário porque as etiquetas servem para definir a formatação de uma porção do
documento, e assim marcamos onde começa e termina o texto com a formatação
especificada por ela. Alguns elementos são chamados “vazios”, pois não marcam uma região
de texto, apenas inserem algum elemento no documento:

<etiqueta>

Uma etiqueta é formada por comandos, atributos e valores. Os atributos modificam os
resultados padrões dos comandos e os valores caracterizam essa mudança. Exemplo:

<HR color="red">

No qual:

HR = comando que desenha uma barra horizontal

color = atributo que especifica a cor da barra

red = valor do atributo color, que é a cor da barra que será desenhada

Cada comando tem seus atributos possíveis e seus valores. Um exemplo, é o atributo size
que pode ser usado com o comando FONT, com o HR mas que não pode ser usado com o
comando BODY. Isso quer dizer que devemos saber exatamente quais os atributos e valores
possíveis para cada comando.
4-por baixo deverão colocar uma linha como se fosse um rodapé que exibirá o
nome e numero dos elementos responsáveis pelo exercício.




O esquema da página deverá ser algo do género:

                                        Nome site

                   links                                         texto

                           Rodapé com informação dos alunos




5-Crie um esquema de cores para a sua página, aplicando cor ao fundo das diferentes
tabelas, linhas e células.

6-Aplique cor também aos textos e ao fundo da sua página

7-Defina os contornos das tabelas como invisíveis

8-coloque o nome do site como sendo um cabeçalho de h3

9-colocar o título do texto que escreveram a negrito

10-colocar a primeira frase do primeiro paragrafo em itálico

11-colocar a primeira frase do segundo paragrafo em sublinhado

12-colocar primeira linha do terceiro paragrafo com letra menor (small)

12-colocar as etiquetas(<etiqueta>) em texto forte (strong) e em itálico.

13- seleccionar duas palavras a sua escolha no texto e colocar uma alinhada um
pouco mais abaixo e colocar uma alinhada um pouco mais acima.
O aspecto final deverá aproximar-se da imagem seguinte:

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

1ª aula php
1ª aula php1ª aula php
1ª aula php
 
Guia de comandos html
Guia de comandos htmlGuia de comandos html
Guia de comandos html
 
Aula 09
Aula 09Aula 09
Aula 09
 
Html
HtmlHtml
Html
 
Aula 04
Aula 04Aula 04
Aula 04
 
Aula01 webdesign
Aula01 webdesignAula01 webdesign
Aula01 webdesign
 
Aula 06
Aula 06Aula 06
Aula 06
 
Html
HtmlHtml
Html
 
Codificações basicas em HTML e XML
Codificações basicas em HTML e XMLCodificações basicas em HTML e XML
Codificações basicas em HTML e XML
 
W3 c
W3 cW3 c
W3 c
 
Aula de XHTML
Aula de XHTMLAula de XHTML
Aula de XHTML
 
Html - capitulo 05
Html - capitulo 05Html - capitulo 05
Html - capitulo 05
 
Aula1web html
Aula1web htmlAula1web html
Aula1web html
 
Aula 02
Aula 02Aula 02
Aula 02
 
Aula 03
Aula 03Aula 03
Aula 03
 
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
 
426 curso html
426 curso html426 curso html
426 curso html
 
Curso html basico_aula-001
Curso html basico_aula-001Curso html basico_aula-001
Curso html basico_aula-001
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
 
HTML Básico 2
HTML Básico 2HTML Básico 2
HTML Básico 2
 

Destaque (8)

Concurso
ConcursoConcurso
Concurso
 
Mi simplificación II
Mi simplificación IIMi simplificación II
Mi simplificación II
 
Charity Shopping Premium Partner
Charity Shopping Premium PartnerCharity Shopping Premium Partner
Charity Shopping Premium Partner
 
Test8
Test8Test8
Test8
 
Drawing conclusions
Drawing conclusionsDrawing conclusions
Drawing conclusions
 
презентацією на тему: «Розробка сучасної проектної документації з урахуванням...
презентацією на тему: «Розробка сучасної проектної документації з урахуванням...презентацією на тему: «Розробка сучасної проектної документації з урахуванням...
презентацією на тему: «Розробка сучасної проектної документації з урахуванням...
 
Calendarização
CalendarizaçãoCalendarização
Calendarização
 
Farmcoepidemiologia 2
Farmcoepidemiologia 2Farmcoepidemiologia 2
Farmcoepidemiologia 2
 

Semelhante a Exerciciohtml2

Html completo
Html completoHtml completo
Html completo
EMSNEWS
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
alexinaa
 

Semelhante a Exerciciohtml2 (20)

Portifolio net
Portifolio netPortifolio net
Portifolio net
 
Manual de HTML TIC 2020.pdf
Manual de HTML TIC 2020.pdfManual de HTML TIC 2020.pdf
Manual de HTML TIC 2020.pdf
 
Curso html
Curso htmlCurso html
Curso html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
USAR.pptx
USAR.pptxUSAR.pptx
USAR.pptx
 
Html aula 1
Html aula 1Html aula 1
Html aula 1
 
Criação de sites
Criação de sitesCriação de sites
Criação de sites
 
Comandos html
Comandos html Comandos html
Comandos html
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
 
HTML - Guia 1 e 2
HTML - Guia 1 e 2HTML - Guia 1 e 2
HTML - Guia 1 e 2
 
HTML
HTML HTML
HTML
 
Html completo
Html completoHtml completo
Html completo
 
Apostila html
Apostila htmlApostila html
Apostila html
 
Aula02 Desenvolvimento em Ambiente Web - CSS 3
Aula02 Desenvolvimento em Ambiente Web - CSS 3Aula02 Desenvolvimento em Ambiente Web - CSS 3
Aula02 Desenvolvimento em Ambiente Web - CSS 3
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
Html
HtmlHtml
Html
 
Tutorial Css Parte 2
Tutorial Css  Parte 2Tutorial Css  Parte 2
Tutorial Css Parte 2
 
Mini Curso Introdutório ao Latex
Mini Curso Introdutório ao LatexMini Curso Introdutório ao Latex
Mini Curso Introdutório ao Latex
 

Mais de tiagosouselo

Regimento das be aves
Regimento das be avesRegimento das be aves
Regimento das be aves
tiagosouselo
 
Plano actividades bes 09
Plano actividades bes 09Plano actividades bes 09
Plano actividades bes 09
tiagosouselo
 
Ficha 12 Segundo Periodo
Ficha 12 Segundo PeriodoFicha 12 Segundo Periodo
Ficha 12 Segundo Periodo
tiagosouselo
 
Ficha 11 Segundo Periodo
Ficha 11 Segundo PeriodoFicha 11 Segundo Periodo
Ficha 11 Segundo Periodo
tiagosouselo
 
Ficha 10 Segundo Periodo
Ficha 10 Segundo PeriodoFicha 10 Segundo Periodo
Ficha 10 Segundo Periodo
tiagosouselo
 
Ficha 9 Segundo Periodo
Ficha 9 Segundo PeriodoFicha 9 Segundo Periodo
Ficha 9 Segundo Periodo
tiagosouselo
 
Ficha 8 Segundo Periodo
Ficha 8 Segundo PeriodoFicha 8 Segundo Periodo
Ficha 8 Segundo Periodo
tiagosouselo
 
Ficha 7 Segundo Periodo
Ficha 7 Segundo PeriodoFicha 7 Segundo Periodo
Ficha 7 Segundo Periodo
tiagosouselo
 
Ficha 6 Segundo Periodo
Ficha 6 Segundo PeriodoFicha 6 Segundo Periodo
Ficha 6 Segundo Periodo
tiagosouselo
 
Ficha 5 Segundo Periodo
Ficha 5 Segundo PeriodoFicha 5 Segundo Periodo
Ficha 5 Segundo Periodo
tiagosouselo
 
Ficha 4 Segundo Periodo
Ficha 4 Segundo PeriodoFicha 4 Segundo Periodo
Ficha 4 Segundo Periodo
tiagosouselo
 
Ficha 3 Segundo Periodo
Ficha 3 Segundo PeriodoFicha 3 Segundo Periodo
Ficha 3 Segundo Periodo
tiagosouselo
 
Ficha 2 Segundo Periodo
Ficha 2 Segundo PeriodoFicha 2 Segundo Periodo
Ficha 2 Segundo Periodo
tiagosouselo
 
1191535521 Curso De Html 41.01 E Introducao Ao Xhtml 1.0
1191535521 Curso De Html 41.01 E Introducao Ao Xhtml 1.01191535521 Curso De Html 41.01 E Introducao Ao Xhtml 1.0
1191535521 Curso De Html 41.01 E Introducao Ao Xhtml 1.0
tiagosouselo
 

Mais de tiagosouselo (18)

Regimento das be aves
Regimento das be avesRegimento das be aves
Regimento das be aves
 
Plano actividades bes 09
Plano actividades bes 09Plano actividades bes 09
Plano actividades bes 09
 
Plano acção
Plano acçãoPlano acção
Plano acção
 
Ficha 12 Segundo Periodo
Ficha 12 Segundo PeriodoFicha 12 Segundo Periodo
Ficha 12 Segundo Periodo
 
Ficha 11 Segundo Periodo
Ficha 11 Segundo PeriodoFicha 11 Segundo Periodo
Ficha 11 Segundo Periodo
 
Ficha 10 Segundo Periodo
Ficha 10 Segundo PeriodoFicha 10 Segundo Periodo
Ficha 10 Segundo Periodo
 
Ficha 9 Segundo Periodo
Ficha 9 Segundo PeriodoFicha 9 Segundo Periodo
Ficha 9 Segundo Periodo
 
Ficha 8 Segundo Periodo
Ficha 8 Segundo PeriodoFicha 8 Segundo Periodo
Ficha 8 Segundo Periodo
 
Ficha 7 Segundo Periodo
Ficha 7 Segundo PeriodoFicha 7 Segundo Periodo
Ficha 7 Segundo Periodo
 
Ficha 6 Segundo Periodo
Ficha 6 Segundo PeriodoFicha 6 Segundo Periodo
Ficha 6 Segundo Periodo
 
Ficha 5 Segundo Periodo
Ficha 5 Segundo PeriodoFicha 5 Segundo Periodo
Ficha 5 Segundo Periodo
 
Ficha 4 Segundo Periodo
Ficha 4 Segundo PeriodoFicha 4 Segundo Periodo
Ficha 4 Segundo Periodo
 
Ficha 3 Segundo Periodo
Ficha 3 Segundo PeriodoFicha 3 Segundo Periodo
Ficha 3 Segundo Periodo
 
Ficha 2 Segundo Periodo
Ficha 2 Segundo PeriodoFicha 2 Segundo Periodo
Ficha 2 Segundo Periodo
 
ficha trabalho word
ficha trabalho wordficha trabalho word
ficha trabalho word
 
Exerciciohtml2
Exerciciohtml2Exerciciohtml2
Exerciciohtml2
 
1191535521 Curso De Html 41.01 E Introducao Ao Xhtml 1.0
1191535521 Curso De Html 41.01 E Introducao Ao Xhtml 1.01191535521 Curso De Html 41.01 E Introducao Ao Xhtml 1.0
1191535521 Curso De Html 41.01 E Introducao Ao Xhtml 1.0
 
Tuturial Html
Tuturial HtmlTuturial Html
Tuturial Html
 

Último

Último (9)

Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docxATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 

Exerciciohtml2

  • 1. Exercício 2 de html Crie uma tabela com linhas e colunas suficientes considerando os seguintes elementos: 1-o nome do site numa linha de topo 2-abaixo, numa coluna à esquerda os links de referência: -moodle da escola -google -blog de icc -uma imagem desportiva que faça ligação para o site do jogo 3-na mesma linha e numa coluna a direita escrever o seguinte texto. Etiquetas Todo documento HTML apresenta etiquetas[5], elementos entre parênteses angulares (sinais de maior e menor) (< e >); esses elementos são os comandos de formatação da linguagem. A maioria das etiquetas tem sua correspondente de fechamento: <etiqueta>...</etiqueta> Isso é necessário porque as etiquetas servem para definir a formatação de uma porção do documento, e assim marcamos onde começa e termina o texto com a formatação especificada por ela. Alguns elementos são chamados “vazios”, pois não marcam uma região de texto, apenas inserem algum elemento no documento: <etiqueta> Uma etiqueta é formada por comandos, atributos e valores. Os atributos modificam os resultados padrões dos comandos e os valores caracterizam essa mudança. Exemplo: <HR color="red"> No qual: HR = comando que desenha uma barra horizontal color = atributo que especifica a cor da barra red = valor do atributo color, que é a cor da barra que será desenhada Cada comando tem seus atributos possíveis e seus valores. Um exemplo, é o atributo size que pode ser usado com o comando FONT, com o HR mas que não pode ser usado com o comando BODY. Isso quer dizer que devemos saber exatamente quais os atributos e valores possíveis para cada comando.
  • 2. 4-por baixo deverão colocar uma linha como se fosse um rodapé que exibirá o nome e numero dos elementos responsáveis pelo exercício. O esquema da página deverá ser algo do género: Nome site links texto Rodapé com informação dos alunos 5-Crie um esquema de cores para a sua página, aplicando cor ao fundo das diferentes tabelas, linhas e células. 6-Aplique cor também aos textos e ao fundo da sua página 7-Defina os contornos das tabelas como invisíveis 8-coloque o nome do site como sendo um cabeçalho de h3 9-colocar o título do texto que escreveram a negrito 10-colocar a primeira frase do primeiro paragrafo em itálico 11-colocar a primeira frase do segundo paragrafo em sublinhado 12-colocar primeira linha do terceiro paragrafo com letra menor (small) 12-colocar as etiquetas(<etiqueta>) em texto forte (strong) e em itálico. 13- seleccionar duas palavras a sua escolha no texto e colocar uma alinhada um pouco mais abaixo e colocar uma alinhada um pouco mais acima.
  • 3. O aspecto final deverá aproximar-se da imagem seguinte: