Ex HTML

1
Escola Secundria Quinta das Palmeiras | Curso EFA Tcnico/a de Multimdia - Nvel III | Mdulo: XHTML
XHTML1.0 Introduo
Exerccio 1  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title> Bem-Vindos </title> </head> <body> Pgina </body> </html> Exerccio 2 
<body>
 texto a negrito texto a itlico

</body>
Exerccio 3 

<body>
 esta linha e a seguinte no aparecem separadas esta linha e a seguinte j aparecem separadas esta linha e a seguinte tambm embora com um espao mais pequeno
</body>
Exerccio 4  <body text="green" bgcolor="#90EE90" background="webpage/imagens/corn.jpg"> 
</body>
- Formador: Ricardo Silva | 2011 - 1
2
Exerccio 5 

<body>


</body>
Exerccio 6 

<body>
este o atributo style

</body>
Exerccio 7 

<head>
<style type="text/css"> body {background-color: #FF0000} p {margin-left: 20px}  </style>
</head> <body>
 este o atributo style

</body>
Exerccio 8 

<body>
 <a href="ficheiro1.html">este texto</a> liga a um ficheiro/pgina <a href="http://www.publico.pt/">este texto</a> liga a um stio na World Wide Web <a href="ficheiro1.html" target="_blank">este texto</a> liga a um ficheiro e abre uma janela nova 
</body> </html>
<--tens que criar um ficheiro HTML de nome ficheiro1.html. Exporta este ficheiro a partir do cdigo do exerccio 1-->
3
Exerccio 9 
<html> <body>
 <a href="cod8b.html#nomedolocal">este texto</a> liga a um local especfico de outro documento 
</body> </html>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <a name="nomedolocal">texto a apresentar</a> </body> </html> 
Exerccio 10 

<html> <body>
 Inserir uma imagem: <img src="exemplo1.jpg" border="0" width="50" height="100" />  Inserir uma imagem de outra pasta: <img src="imagens/exemplo2.jpg" border="0" width="50" height="100" /> Inserir uma imagem da World Wide Web: <img src="http://___________________" border="0" width="50" height="100" alt="Uma imagem da internet" /> 
</body> </html>
4
Exerccio 11 

<html> <body>
 <img src ="exemplo2.jpg" width="100" height="50" /> uma imagem antes do texto  uma imagem depois do texto <img src="exemplo3.jpg" width="100" height="50" /> <img src ="exemplo4.jpg" align ="left" width="100" height="50" /> um pargrafo com uma imagem em que est esquerda graas ao atributo align="left" <img src ="exemplo5.jpg" align ="right" width="100" height="50" /> um pargrafo com uma imagem que est direita graas ao atributo align="right" uma imagem <img src ="exemplo6.jpg" align ="bottom" width="100" height="50" /> no meio do texto alinhada por baixo uma imagem <img src ="exemplo7.jpg" align ="middle" width="100" height="50" /> no meio do texto e a meia altura deste uma imagem <img src ="exemplo8.jpg" align ="top" width="100" height="50" /> no texto e alinhada por cima note-se que, por omisso, o alinhamento feito por baixo: uma imagem <img src ="exemplo9.jpg" width="100" height="50" /> no texto 
</body> </html>
Exerccio 12 

<html> <body>
 Imagem com uma hiperligao para um ficheiro na pasta: <a href="exemplo1.html"> <img border="0" src="exemplo1.jpg" width="50" height="100" /> </a> Inserir uma hiperligao para um ficheiro noutra pasta: <a href="../webpage/ficheiros/ficheiro1.html"> <img src="exemplo2.jpg" width="50" height="100" /> </a> Imagem com uma hiperligao para a WWW: <a href="http://www.google.com"> <img border="0" src="exemplo4.jpg" width="50" height="100" /> </a>
</html></body>
5
Exerccio 13 

<body>
a marca div determina a cor (vermelho) do texto seguinte <div style="color:#ff0000;"> <h4 Este um ttulo dentro da seco div </h4> Este um pargrafo dentro da seco div </div> Este texto j aparece por omisso com a cor preto 
</body>
Exerccio 14 

<body>
Este texto est normal este est no mesmo pargrafo mas est de cor diferente este est no mesmo pargrafo e est normal outra vez Este outro pargrafo 
</body>

Ex HTML

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Ex HTML

Загружено:

Авторское право:

Доступные форматы

1

<b> texto a negrito</b> <i> texto a itlico</i>

Exerccio 3

- Formador: Ricardo Silva | 2011 - 1

Exerccio 5

<p style="font-family:verdana; font-size:100%; font-style: italic; color:blue">

Exerccio 6

<p style="font-family:verdana; font-size:100%; font-style: italic; color:blue">este o atributo style</p>

Exerccio 7

<p style="font-family:verdana; font-size:100%; font-style: italic; color:blue"> este o atributo style</p>

Exerccio 8

- Formador: Ricardo Silva | 2011 - 2

Exerccio 10

- Formador: Ricardo Silva | 2011 - 3

Exerccio 11

Exerccio 12

- Formador: Ricardo Silva | 2011 - 4

Exerccio 13

Exerccio 14

- Formador: Ricardo Silva | 2011 - 5

Вам также может понравиться