Curso de HTML/Introdução: diferenças entre revisões

[edição verificada][edição verificada]
Conteúdo apagado Conteúdo adicionado
Abacaxi (discussão | contribs)
Sem resumo de edição
Linha 2:
== A sintaxe XHTML ==
 
O '''XHTML''' é a reformulação do [[w:HTML|HTML]] baseada no [[w:XML|XML]]. O XHTML tem actualmenteatualmente três versões, 1.0 e 1.1, ambas linguagens de marcação seguras que se tornaram uma recomendação da [[w:W3C|W3C]], e uma nova versão 2.0 ainda em desenvolvimento.
 
== Características obsoletas ==
Linha 52:
HTML - '''H'''iper'''T'''ext'''M'''arkup'''L'''anguage - Linguagem de Marcação de Hipertexto.
 
O HTML é uma linguagem derivada da SGML, criada com o fim específico de formatar textos para a World Wide Web. Neste curso são apresentados os fundamentos do HTML tal como é usado e padronizado pelo W3C (World Wide Web Consortium). ActualmenteAtualmente, o nome correto para a recomendação do W3C é XHTML, mas a continuação do uso de "HTML" não constitui um erro grave (existindo algumas diferenças entre eles que iremos ver mais à frente).
 
O principal a saber, antes de iniciar o estudo da HTML, é que se trata de um padrão desrespeitado por companhias de'''software'', que frequentemente incluem "extensões" da linguagem em seus aplicativos. Entretanto, é preciso tomar cuidado para não usar essas extensões, que limitam a correta exibição das páginas em determinados navegadores. Neste curso, portanto, é apresentado o HTML padrão e o XHTML segundo, também, as suas diferenças, conforme [http://www.w3.org/TR/html] e [http://www.w3.org/TR/xhtml1].
Linha 65:
==== O que é o HTML? ====
 
O'''HTML'''é bastante utilizada actualmenteatualmente, para confecção de documentos e exibição principalmente na Web. A HTML foi inicialmente uma derivada da {{w|SGML}}, uma {{w|meta-linguagem}} (ou seja, uma linguagem para criação de linguagens) com todos os elementos para marcar dados ou textos com atributos. Atualmente, a HTML, ou {{w|XHTML}}, é uma derivada da {{w|XML}}.
 
A marcação, referida no nome da HTML, é nada mais do que indicar partes especiais num texto simples. Por exemplo: partes em {{w|negrito}}, partes em {{w|itálico}}, inserção de {{w|imagem|imagens}}, etc.
Linha 88:
=== O que é uma tag? ===
 
Um documento HTML não é nada mais do que um arquivo de texto plano,escritas em um arquivo com a extensão .html . Então você me pergunta: como se faz para aumentar o tamanho da letra, colocar em negrito, itálico, mudar a cor, e todo tipo de coisa que vejo Internet? A resposta é, que para isso usa se sequências de caracteres para indicar ao navegador que alguma parte do seu texto, não deve ser mostrada como o resto, que aquele pedaço, deve ser vermelho e em itálico, para aumentar a visibilidade e chamar atenção, o nome desta sequência de caracteres é chamada de ''tag'' (em inglês significa marcação, dando sentido ao ''Markup'' (marcação da sigla HTML), que sempre começam com o caractercaractere '''<'''(menor que) e terminam com o'''>'''(maior que). Devido a isso, quando for necessário inserir um destes caracteres numa página html, deve-se usar a notação &#38;lt;('''l'''ower'''t'''han - menor que) e &#38;gt;('''g'''reter'''t'''han - maior que), respectivamente, já que o que vier depois do < será entendido como uma'''tag'', resultando em vários problemas na apresentação do seu documento. A''tag''é um comando que diz como um texto será entendido, ou formatado pelo navegador. Existem dois tipos de''tags'', as como a tag &lt;n&gt; que marca um bloco de texto, em que é obrigatório haver uma marca dizendo onde termina a formatação, no caso, o negrito, sendo no caso desta''tag''&lt;/n&gt;(repare na barra, que ocorre no fechamento de todas as''tags''que marcam um bloco); e as''tags''que terminam nela mesma, como a''tag''&lt;br /&gt;, que indica um salto de linha, e não há nada mais a ser dito(repare no espaço e na barra no final, diferente do outro tipo de''tag'').
 
Segundo a W3C todas as''tags''devem ser escritas em minúsculo. <!-- explicar e referenciar --><br />
<br />
Segundo a W3C todas as''tags''devem ser escritas em minúsculo <!-- explicar e referenciar --><br />
 
=== Estrutura básica de um documento HTML ===
Linha 119 ⟶ 118:
==== Font ====
Uma fonte é um conjunto de números, símbolos e caracteres. Uma fonte descreve uma determinada face de tipos, juntamente com outras qualidades, como tamanho, espaçamento e densidade.
 
 
===== Color =====
Linha 288 ⟶ 286:
==== Estrutura básica ====
 
----
Todo documento HTML obedece a uma estrutura padrão composta por 3'''tags''ou elementos essenciais e mais alguns atributos.
 
Linha 535 ⟶ 532:
==== <nowiki><th></nowiki> ====
 
<nowiki><th></nowiki> é a linha mestra e não pode ser deformada por outras de nível inferior, sendo assim qualquer uma das outras terá que se ajustar a esta. Embora seja aconselhável a inserção desta tag numa das linhas que queremos para mestra, não é necessária actualmenteatualmente pois os ajustes da tabela são feitos pelo conteúdo da tag style.
 
<syntaxhighlight lang="html5" enclose="div">
Linha 675 ⟶ 672:
</syntaxhighlight>
 
No exemplo acima, a''tag''meta indica ao''browser''que a página em questão deve ser actualizadaatualizada de 60 em 60 segundos. Outras''tags''meta podem ser combinadas de forma a criarem outras instruções. De seguida apresentamos mais umas.
 
=== Indexação ===
Linha 702 ⟶ 699:
=== Autor ===
 
É possível fazer passar informação do autor da página através das''metatags''. A forma de uso é a seguinte, desconhecendo-se actualmenteatualmente outra forma de actuaratuar.
* <code><meta name="author" content="Lightningspirit" /></code>
 
Linha 745 ⟶ 742:
O primeiro passo é criar um ficheiro vazio e dar-lhe a extensão '''.html'''. Para detalhes sobre como fazer isto consulte a documentação do seu Interface com o Utilizador (User Interface). Seguidamente é necessário abrir o ficheiro vazio com o editor de texto escolhido.
 
Começa-se por inserir a estructuraestrutura básica dos documentos HTML que, como já vimos, é composta por um mínimo de 3 TAGs normais ('''<html>''', '''<head>''' e '''<body>'''):
 
<syntaxhighlight lang="html5" enclose="div">