Tic M03 HTML FT10

Curso Profissional Técnico de Eletrónica, Automação e Computadores 2019-2020 - 10ºP1
Tecnologia de Informação e Comunicação M03 – Criação de Páginas Web - HTML
Ficha de Trabalho 10
Elemento <Body>
Em HTML, as imagens são definidas com a etiqueta <img>.

A etiqueta <img> está vazia, contém apenas atributos e não possui uma tag de fechamento.
O atributo src especifica o URL (endereço da web ou local) da imagem:
O atributo alt fornece um texto alternativo para uma imagem, se por algum motivo o utilizador não a puder visualizar. O
valor do atributo alt deve descrever a imagem.
O atributo width e height definem a dimensão da imagem.
1. Inicia o Visual Studio Code e abre o ficheiro Ex09.html produzido na Ficha de trabalho anterior.
2. Guarde o ficheiro com o nome de Ex10.html.
3. Acrescente ao código existente a linhas de código sinalizadas a negrito.
Se não tiver acesso ao ficheiro anterior Ex09.html terá que abrir umo novo documento no Bloco de
Notas, escrever integralmente o código abaixo e guardar o ficheiro com o nome de Ex10.html.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Eletricidade e Eletrónica </title>
</head>
<body>
<h1 align="center"> Transístor Bipolar</h1>
<h2 align="left"> O que é um transístor bipolar? </h2>
<p> Um transístor bipolar é um componente semicondutor, constituído por 2 junções PN. O

princípio de funcionamento do transístor bipolar é baseado no movimento de dois tipos de
cargas elétricas: lacunas e eletrões, daí o termo bipolar. </p> <h2 align="left"> Constituição do
transístor bipolar</h2>
<img
src="https://s.glbimg.com/po/tt/f/original/2012/10/11/gpc20121011_3_trans.jpg"
alt="Transístores" width="300" height="200" >
Francisco Xavier Oliveira Araújo | 1

Escola Secundária de Caldas das Taipas Módulo 03
Curso Profissional Técnico de Eletrónica, Automação e Computadores Criação de páginas web - HTML
Tecnologia de Informação e Comunicação Ficha de Trabalho 10
<p> O transístor bipolar pode ser fabricado em silício ou em germânio. No entanto, os

transístores fabricados em silício são os mais frequentes uma vez que este é mais abundante na
natureza e por isso, mais barato. </p>
<p>O transístor é constituído por 3 zonas designadas como:</p>
<ul style="list-style-type:circle;">
<li>Base</li>
<li>Coletor</li>
<li>Emissor</li>
</ul>
<p>A zona da base é sempre a zona intermédia, sendo as zonas terminais,

correspondentes ao emissor e ao coletor. </p> <h2 align="left"> Tipos de transístor
bipolar</h2>
<p>Existem dois tipos de transístor bipolar:</p>
<ul style="list-style-type:square;">
<li>NPN</li>
<li>PNP</li>
</ul>
<img src="img01.jpg" alt="Tipos de Transístor">
<h2 align="left"> Como funciona um transístor? </h2>
<p> Quando queremos analisar o comportamento de um transístor, podemos

considerar vários tipos de polarização:</p>
<ol>
<li> Junção Base – Emissor polarizada diretamente e junção Coletor – Base

polarizada diretamente. </li>
<li> Junção Base – Emissor polarizada diretamente e junção Coletor – Base

polarizada inversamente. </li>
<li> Junção Base – Emissor polarizada inversamente e junção Coletor – Base

polarizada diretamente. </li>
<li> Junção Base – Emissor polarizada inversamente e junção Coletor – Base

polarizada inversamente. </li>

</ol>
<h2 align="left"> Polarização de um transístor </h2>
<p> O funcionamento do transístor NPN é semelhante ao funcionamento do transístor

PNP mas com a polarização de cada junção ao contrário. </p>
<img src="img03.jpg" alt="Polarização do Transístor">
<table border="1px">
<thead>
<tr>
<th>Transístor NPN</th>
<th>Transístor PNP</th>
</tr>
</thead>
<tbody>
<tr>
<td> IE = IB + IC </td>
<td> IE = IB + IC</td>
</tr>
<tr>
<td> Uce = Ucb + Ube </td>
<td> Uec = Ubc + Ueb </td>
</tr>
</tbody>
</table>
<h6 align="right"> Fonte - Revista O eletricista </h6>
</body>
</html>

4. Guarda novamente o ficheiro para salvar as alterações
5. Insere na mesma pasta onde se encontra o ficheiro Ex10.html, o ficheiro img01.jpg e img03.jpg.
6. Visualiza o resultado do código HTML introduzido, abrindo o ficheiro através de um browser (Google
Chrome, Firefox, etc)
7. Posiciona lado a lado a janela do Visual Studio Code com o código html e a janela do browser com o
resultado do código. Posicione a janela do browser conforme a figura 1 abaixo, efetue um printscreen
do ecrã e guarda-o como Ex10-printscreen01.jpg Posicione a janela do browser conforme a figura 2
abaixo, efetue um printscreen do ecrã e guarda-o como Ex10-printscreen02.jpg
Figura 1 - Ex10-printscreen01.jpg - Imagem externa
Figura 2 - Ex10-printscreen02.jpg - Imagens Locais
8. Submete os ficheiros Ex10.html, Ex10-printscreen01.jpg, Ex10-printscreen02.jpg.

Tic M03 HTML FT10

Enviado por

Dados do documento

Descrição original:

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Tic M03 HTML FT10

Enviado por

Direitos autorais:

Formatos disponíveis

Curso Profissional Técnico de Eletrónica, Automação e Computadores 2019-2020 - 10ºP1

Tecnologia de Informação e Comunicação M03 – Criação de Páginas Web - HTML

Em HTML, as imagens são definidas com a etiqueta <img>.

2. Guarde o ficheiro com o nome de Ex10.html.

3. Acrescente ao código existente a linhas de código sinalizadas a negrito.

<title> Eletricidade e Eletrónica </title>

<h1 align="center"> Transístor Bipolar</h1>

<h2 align="left"> O que é um transístor bipolar? </h2>

<p> Um transístor bipolar é um componente semicondutor, constituído por 2 junções PN. O

Francisco Xavier Oliveira Araújo | 1

<p> O transístor bipolar pode ser fabricado em silício ou em germânio. No entanto, os

<p>O transístor é constituído por 3 zonas designadas como:</p>

<p>A zona da base é sempre a zona intermédia, sendo as zonas terminais,

<p>Existem dois tipos de transístor bipolar:</p>

<img src="img01.jpg" alt="Tipos de Transístor">

<h2 align="left"> Como funciona um transístor? </h2>

<p> Quando queremos analisar o comportamento de um transístor, podemos

<li> Junção Base – Emissor polarizada diretamente e junção Coletor – Base

<li> Junção Base – Emissor polarizada diretamente e junção Coletor – Base

<li> Junção Base – Emissor polarizada inversamente e junção Coletor – Base

<li> Junção Base – Emissor polarizada inversamente e junção Coletor – Base

Francisco Xavier Oliveira Araújo | 2

<h2 align="left"> Polarização de um transístor </h2>

<p> O funcionamento do transístor NPN é semelhante ao funcionamento do transístor

<img src="img03.jpg" alt="Polarização do Transístor">

<td> Uce = Ucb + Ube </td>

<td> Uec = Ubc + Ueb </td>

<h6 align="right"> Fonte - Revista O eletricista </h6>

Francisco Xavier Oliveira Araújo | 3

4. Guarda novamente o ficheiro para salvar as alterações

Figura 1 - Ex10-printscreen01.jpg - Imagem externa

Figura 2 - Ex10-printscreen02.jpg - Imagens Locais

8. Submete os ficheiros Ex10.html, Ex10-printscreen01.jpg, Ex10-printscreen02.jpg.

Francisco Xavier Oliveira Araújo | 4

Você também pode gostar