0792 – Criação de páginas para a Web com Hipertexto EFA Secundário: Instalação e Manutenção de Redes Informáticas
TAGS Principais
0792 – Criação de páginas para a Web com Hipertexto EFA Secundário: Instalação e Manutenção de Redes Informáticas Aqui fica uma listagem com os comandos e atributos HTML que foram referidos ao longo das sessões, pela ordem que foram tratados.
Comandos HTML obrigatórios ... Indica ao browser que está na presença de um documento que possui código HTML.
... Delimita o cabeçalho do documento.
...< /TITLE > Insere um título na barra de topo do browser.<br />
<br />
<BODY>...</BODY> Delimita o corpo do documento. Local onde se coloca a maior parte do código. Principais atributos: BGCOLOR: define a cor de fundo da página. BACKGROUND: indica a imagem a utilizar como fundo TEXT: define a cor do texto LINK: define a cor dos links ALINK: define a cor dos links quando activos (clicados) VLINK: define a cor dos links para páginas já visitadas TOPMARGIN: define a margem livre no cimo do documento. LEFTMARGIN: define a margem livre no lado esquerdo<br />
<br />
Outros comandos HTML <META> Informação para os motores de pesquisa automática. Principais atributos: NAME: define o tipo de informação fornecida. CONTENT: informação a fornecer<br />
<br />
<H1>...</H1>, <H2>...</H2>, ... ,<H6>...</H6> Delimita os cabeçalhos dos documentos. Principais atributos: ALIGN: define o alinhamento (LEFT, CENTER, RIGHT ou JUSTIFY) . NOWRAP: impede a quebra de texto<br />
<br />
<CENTER>...< /CENTER> Centra o texto na página.<br />
<br />
<BR> Muda de linha<br />
<br />
Gisela Firmino<br />
<br />
Página 2<br />
<br />
0792 – Criação de páginas para a Web com Hipertexto EFA Secundário: Instalação e Manutenção de Redes Informáticas <P>...</P> Muda de linha e inicia um novo parágrafo. Principais atributos: ALIGN: define o alinhamento (LEFT, CENTER, RIGHT ou JUSTIFY) do parágrafo<br />
<br />
<I>...</I> Delimita o texto a ser apresentado em itálico.<br />
<br />
<B>...</B> Delimita o texto a ser apresentado a cheio (bold).<br />
<br />
<PRE>...</PRE> Delimita o texto que deverá surgir formatado tal como foi escrito (espaços entre letras, mudanças de linha, etc.)<br />
<br />
<UL>...</UL> Delimita uma lista não ordenada de itens. Principais atributos: ALIGN: alinhamento (RIGHT, LEFT, CENTER ou JUSTIFY)<br />
<br />
<OL>...</OL> Delimita uma lista ordenada de itens. Principais atributos: ALIGN: alinhamento (RIGHT, LEFT, CENTER ou JUSTIFY)<br />
<br />
<LI> Coloca uma marca antes do texto. Principais atributos: ALIGN: alinhamento (RIGHT, LEFT, CENTER ou JUSTIFY)<br />
<br />
<FONT>...</FONT> Indica o formato da letra a ser utilizado no texto delimitado. Principais atributos: . FACE: tipo de letra SIZE: tamanho da letra. COLOR: cor da letra<br />
<br />
<IMG> Insere uma imagem. Principais atributos: SRC: define o nome e a localização da imagem - obrigatório ALIGN: define o alinhamento da imagem (TOP, MIDDLE, BOTIOM, RIGHT, LEFT, TEXTTOP, ABSMIDDLE) WIDTH: define a largura da imagem HEIGHT: define a altura da imagem ALT: texto descritivo da imagem BORDER: define a espessura da moldura da imagem VSPACE: espaço livre na vertical, em torno da imagem HSPACE: espaço livre na horizontal, em torno da imagem<br />
<br />
Gisela Firmino<br />
<br />
Página 3<br />
<br />
0792 – Criação de páginas para a Web com Hipertexto EFA Secundário: Instalação e Manutenção de Redes Informáticas LOWSRC: indica uma imagem alternativa em baixa resolução<br />
<br />
<HR> Insere uma linha (separador) horizontal. Principais atributos: ALIGN: alinhamento da linha (RIGHT, LEFT, CENTER ou JUSTIFY). WIDTH: define a largura da linha SIZE: define a altura da linha<br />
<br />
<MARQUEE> Cria uma área de texto que se movimenta (desliza) no ecrã. Principais atributos: ALIGN: alinhamento do texto (BOTIOM, MIDDLE ou TOP) BEHAVlOR: comportamento do texto (ALTERNATE - anda para trás e para a frente, SCROLL - desliza para fora da área de texto, SLIDE desliza e mantêm-se dentro da área de texto). BGCOLOR: código hexadecimal da cor de fundo DIRECTION: direcção de deslizamento do texto (LEFT ou RIGHT) HEIGHT: altura da área de deslizamento, em pixels ou % LOOP: numero de vezes que o texto deve aparecer ou INFINITE SCROLLDELAY: tempo de espera entre deslizamentos, em milisegundos<br />
<br />
<A>...</ A> Cria uma ligação (link) para outra página. Principais atributos: HREF: define a localização e o nome do ficheiro para onde "aponta" o link NAME: nome atribuído ao link TARGET: nome da frame onde o ficheiro será aberto<br />
<br />
<TABLE>...</TABLE> Define os limites de uma tabela. Principais atributos: CAPTION: cabeçalho / titulo da tabela ALIGN: alinhamento horizontal do conteúdo da tabela (LEFT /CENTER/RIGHT) VALIGN: alinhamento vertical do conteúdo da tabela (TOP/MIDDLE/BOTTOM) BORDER: espessura do bordo delimitador da tabela CELLSPACING: espaço livre entre as células da tabela CELPADDING: espaço livre a partir das margens interiores de cada célula da tabela NOWRAP: impede a quebra de texto dentro das células<br />
<br />
<TR>...< /TR> Define uma linha da tabela. Principais atributos: ALIGN: alinhamento horizontal do conteúdo da célula (LEFT, CENTER, RIGHT ou JUSTIFY) VALIGN: alinhamento vertical do conteúdo da tabela (TOP, MIDDLE ou BOTTOM)<br />
<br />
<TD>...</TD> Define uma coluna da tabela. Principais atributos: WIDTH: dimensão horizontal da célula, em pixels ou % ALIGN: alinhamento horizontal do conteúdo da célula (LEFT /CENTER/RIGHT<br />
<br />
Gisela Firmino<br />
<br />
Página 4<br />
<br />
0792 – Criação de páginas para a Web com Hipertexto EFA Secundário: Instalação e Manutenção de Redes Informáticas <br />
<br />
IJU5TIFY) VALIGN: alinhamento vertical do conteúdo da tabela (TOP/MIDDLE/BOTTOM) BGCOLOR: código hexadecimal da cor de fundo da célula COLSPAN: indica quantas colunas da tabela a célula deve ocupar. ROWSPAN: indica quantas linhas da tabela a célula deve ocupar NOWRAP: impede a quebra de texto dentro das células<br />
<br />
< FRAMESET>...< /FRAMESET> Define um conjunto de frames. Principais atributos: COLS: especifica o número e a dimensão horizontal de cada uma das FRAMES verticais que compõem o FRAMESET ROWS: especifica o número e a dimensão vertical de cada uma das FRAMES horizontais que compõem o FRAMESET<br />
<br />
<FRAME>...< /FRAME> Define uma frame. Principais atributos: SRC: nome e localização do ficheiro a ser apresentado na frame. NAME: especifica o nome que identifica a frame NORESIZE: impede o redimensionamento manual da frame SCROLLING: indica se a "scrool bar" deve ou não ser visível (aceita os valores YES, NO ou AUTO) MARGINHEIGHT: altura da frame, em pixels MARGINWIDTH: largura da frame, em pixels<br />
<br />
<NOFRAMES>...< /NOFRAMES> Define o texto a apresentar por browsers que não suportem frames.<br />
<br />
<FORM>...</FORM> Define os limites de um formulário. Principais atributos: ACTION: especifica a acção a executar ao premir um botão METHOD: especifica a forma como o formulário deverá ser processado pelo servidor<br />
<br />
<SELECT>...</SELECT> Cria um menu com várias opções (<OPTION>...</OPTION>). Principais atributos: NAME: nome pelo qual o menu é reconhecido no formulário SIZE: numero de opções visíveis no menu WIDTH: altura, em pixels, da janela de selecção ALIGN: alinhamento das opções (BOTIOM, LEFT, RIGHT, MIDDLE ou TOP) DISABLED: a opção é visível mas não pode ser seleccionada MULTIPLE: permite seleccionar várias opções SRC: nome e localização de uma imagem que será mostrada no espaço habitualmente destinado ao texto da <OPTION><br />
<br />
<OPTION>...</OPTION> Define uma opção de um formulário. Principais atributos: DISABLED: a opção é visível mas não pode ser seleccionada. Gisela Firmino<br />
<br />
Página 5<br />
<br />
0792 – Criação de páginas para a Web com Hipertexto EFA Secundário: Instalação e Manutenção de Redes Informáticas SELECTED: opção pré-seleccionada (default) VALUE: valor a ser fornecido se a opção for seleccionada<br />
<br />
<TEXTAREA>...< /TEXTAREA> Delimita uma caixa de texto. Principais atributos: ROWS: indica o número de linhas da caixa de texto. COLS: indica o número de colunas da caixa de texto.<br />
<br />
<INPUT>...< /INPUT> Define um tipo de dados (num formulário). Principais atributos: TYPE: especifica de campo a apresentar (TEXT, RADIO, CHECKBOX, SELECT, IMAGE, FILE, HIDDEN, JOT, PASSWORD, RANGE, SCRIBBLE, SUBMIT, RESET) NAME: nome pelo qual o campo será reconhecido internamente SIZE: especifica a forma como o formulário deverá ser processado pelo servidor VALUE: valor(es) que este campo do formulário pode assumir (varia em função do TYPE) SRC: indica a o nome e localização do ficheiro de imagem (só para o TYPE="IMAGE") O HTML é uma linguagem que está permanentemente a evoluir (vejam o caso do WML, a versão do HTML para telemóveis) e para se ser mestre em qualquer linguagem de programação, é necessário primeiro criar "calo" nos dedos. <br />
<br />
Gisela Firmino<br />
<br />
Página 6<br />
<br />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<form role="form" method="post" action="https://idoc.tips/report/0792-criaao-de-paginas-para-a-web-com-hipertexto-principais-comandos-pdf-free" style="border: none;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Report "0792 – Criação de páginas para a Web com Hipertexto -Principais comandos"</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label>Your name</label>
<input type="text" name="name" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" required="required" class="form-control" />
</div>
<div class="form-group">
<label>Reason</label>
<select name="reason" required="required" class="form-control">
<option value="">-Select Reason-</option>
<option value="pornographic" selected="selected">Pornographic</option>
<option value="defamatory">Defamatory</option>
<option value="illegal">Illegal/Unlawful</option>
<option value="spam">Spam</option>
<option value="others">Other Terms Of Service Violation</option>
<option value="copyright">File a copyright complaint</option>
</select>
</div>
<div class="form-group">
<label>Description</label>
<textarea name="description" required="required" rows="3" class="form-control" style="border: 1px solid #cccccc;"></textarea>
</div>
<div class="form-group">
<div style="display: inline-block;">
<div class="g-recaptcha" data-sitekey="6LcHT8sZAAAAAPKfs_PZGhwvz-OHbUMuekQzz5xK"></div>
</div>
</div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success">Send</button>
</div>
</form>
</div>
</div>
</div>
<script>
$(document).ready(function () {
var inner_height = $(window).innerHeight() - 250;
$('#pdfviewer').css({"height": inner_height + "px"});
});
</script>
<footer class="footer" style="margin-top: 60px;">
<div class="container-fluid">
Copyright © 2025 IDOC.TIPS. All rights reserved.
<div class="pull-right">
<span><a href="https://idoc.tips/about">About Us</a></span> |
<span><a href="https://idoc.tips/privacy">Privacy Policy</a></span> |
<span><a href="https://idoc.tips/term">Terms of Service</a></span> |
<span><a href="https://idoc.tips/copyright">Copyright</a></span> |
<span><a href="https://idoc.tips/contact">Contact Us</a></span> |
<span><a href="https://idoc.tips/cookie_policy">Cookie Policy</a></span>
</div>
</div>
</footer>
<!-- Modal -->
<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="add-note-label">Sign In</h4>
</div>
<div class="modal-body">
<form action="https://idoc.tips/login" method="post">
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" />
</div>
<div class="form-group">
<label class="sr-only" for="password">Password</label>
<input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" />
</div>
<div class="form-group">
<div class="checkbox">
<label class="form-checkbox">
<input type="checkbox" name="remember" value="1" />
<i class="form-icon"></i> Remember me
</label>
<label class="pull-right"><a href="https://idoc.tips/forgot">Forgot password?</a></label>
</div>
</div>
<button class="btn btn-primary btn-block" type="submit">Sign In</button>
</form>
</div>
</div>
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-177830117-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-177830117-1');
</script>
<script src="https://idoc.tips/assets/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://idoc.tips/assets/css/jquery-ui.css">
<script>
$(function () {
$("#document_search").autocomplete({
source: function (request, response) {
$.ajax({
url: "https://idoc.tips/suggest",
dataType: "json",
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
autoFill: true,
select: function (event, ui) {
$(this).val(ui.item.value);
$(this).parents("form").submit();
}
});
});
</script>
<!-- cookie policy -->
<div id="IDOCTIPS_cookie_box" style="z-index:99999; background: #97c479; width: 100%; position: fixed; padding: 5px 15px; text-align: center; left:0; bottom: 0;">
Our partners will collect data and use cookies for ad personalization and measurement. <a href="https://idoc.tips/cookie_policy" target="_blank">Learn how we and our ad partner Google, collect and use data</a>. <a href="#" class="btn btn-success" onclick="accept_IDOCTIPS_cookie_box();return false;">Agree & close</a>
</div>
<script>
function accept_IDOCTIPS_cookie_box() {
document.cookie = "IDOCTIPS_cookie_box_viewed=1;max-age=15768000;path=/";
hide_IDOCTIPS_cookie_box();
}
function hide_IDOCTIPS_cookie_box() {
var cb = document.getElementById('IDOCTIPS_cookie_box');
if (cb) {
cb.parentElement.removeChild(cb);
}
}
(function () {
var IDOCTIPS_cookie_box_viewed = (function (name) {
var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
})('IDOCTIPS_cookie_box_viewed');
if (IDOCTIPS_cookie_box_viewed) {
hide_IDOCTIPS_cookie_box();
}
})();
</script>
<!-- end cookie policy -->
</body>
</html>
