1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
---
title: Estruturar a Web com HTML
slug: Learn/HTML
tags:
- Apredizagem
- Guía
- HTML
- Introdução
- Principiante
- Tópico
translation_of: Learn/HTML
---
<div>{{LearnSidebar}}</div>
<p class="summary">Para criar <em>sites </em>da <em>Web</em>, deverá saber sobre {{Glossary('HTML')}} — a tecnologia fundamental para definir a estrutura de uma página da W<em>eb</em>. HTML é utilizado para especificar se o seu conteúdo da Web deve ser reconhecido como um parágrafo, lista, cabeçalho, hiperligação, imagem, leitor de multimédia, formulário, ou um dos muitos outros elementos disponíveis ou mesmo um novo elemento que defina.</p>
<h2 id="Passos_de_aprendizagem">Passos de aprendizagem</h2>
<p>Idealmente, deveria começar a sua jornada de aprendizagem aprendendo HTML. Comece a ler <a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a>. Depois pode passar para a aprendizagem sobre os tópicos mais avançados, tais como:</p>
<ul>
<li><a href="/pt-PT/docs/Learn/CSS">CSS</a>, e como o utilizar para estilizar HTML (por exemplo, alterar os tipos e tamanhos de fontes do seu texto, colocar bordas e aplicar sombras, desenhar sua página com múltiplas colunas, agregar animações e outros efeitos visuais.) </li>
<li><a href="/pt-PT/docs/Learn/JavaScript">JavaScript</a>, e como o utilizar para adicioanr funcionalidade dinâmica às páginas da Web ( por exemplo, encontrar a sua posição e mostrá-la num mapa, fazer com que os elementos UI apareçam/desapareçam quando alterna um botão, guardar os dados dos utilizadores localmente nos seus computadores, e muito, muito mais.) </li>
</ul>
<p>Antes de iniciar este tópico, deve estar pelo menos familizado com o uso de computadores, e ser um usuário da Web (i.e. ser um usuário que acessa a Web e consuma o conteúdo). Você deverá ter um trabalho básico de configurar um ambiente como detalhado em <a href="/pt-PT/docs/Learn/Comecar_com_a_Web/Installing_basic_software">Installing basic software</a>, e entender como criar e manusear arquivos, como detalhado em a <a href="/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a> — ambos são partes do nosso módulo completo para iniciantes <a href="/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web</a>.</p>
<p>É recomendado que inicie com <a href="/pt-PT/docs/Learn/Getting_started_with_the_web">Primeiros passos na Web</a> antes de tentar este tópico, no entanto isto não é absolutamente necessário; muito do que está apresentado no artigo <a href="/pt-PT/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML - Essencial</a> também está coberto no nosso módulo de <a href="/pt-PT/docs/Learn/HTML/Introduction_to_HTML">Introdução ao HTML</a> com um pouco mais de detalhe. </p>
<h2 id="Módulos">Módulos</h2>
<dl>
<dt>Este tópico contém os seguintes módulos, numa ordem sugerida para trabalhar com eles. Deve-se definitivamente começar com o primeiro.</dt>
<dt></dt>
<dt><a href="/pt-PT/docs/Learn/HTML/Introducao_ao_HTML">Introdução ao HTML</a> </dt>
</dl>
<dl>
<dd>Este módulo prepara o palco, levando você a usar importantes conceitos e sintaxe, procurando aplicar HTML ao texto, como criar hiperlinks e como usar HTML para estruturar uma webpage.</dd>
<dt><a href="/pt-PT/docs/Learn/HTML/Multimedia_e_integracao">Multimédia e integração</a></dt>
<dd>Este módulo explora como usar HTML para incluir multimidia nas tuas páginas web, inclisive sobre as diferentes formas de fazê-lo e como imbutir videos e até outras páginas web inteiras.</dd>
<dt><a href="/pt-PT/docs/Learn/HTML/Tables">Tabelas HTML</a></dt>
<dd>Como apresentar dados de forma organizada na página web de compreensível pode ser um desafio. Este módulo apresenta as formas básica de organizar tabelas, permitindo organizar características complexas como implementar legendas e sumários. {{glossary("Accessibility", "Consulte")}} </dd>
</dl>
<h2 id="Resolver_problemas_de_HTML_comuns">Resolver problemas de HTML comuns</h2>
<p><a href="/en-US/docs/Learn/HTML/Howto">Use HTML to solve common problems</a> oferece links para seções com conteúdo que explanam como usar HTML para resolver os problemas mais comuns quando se cria webpage: lidando com títulos, acresentando imagens e vídeos, separando conteúdo, criando formas básicas, etc.</p>
<h2 id="Consulte_também">Consulte também</h2>
<div class="document-head" id="wiki-document-head">
<dl>
<dt></dt>
<dt><a href="https://wiki.developer.mozilla.org/pt-PT/docs/Learn/HTML/Forms">Formulários da Web</a></dt>
<dd>This module provides a series of articles that will help you master the essentials of web forms. Web forms are a very powerful tool for interacting with users — most commonly they are used for collecting data from users, or allowing them to control a user interface. However, for historical and technical reasons it's not always obvious how to use them to their full potential. We'll cover all the essential aspects of Web forms including marking up their HTML structure, styling form controls, validating form data, and submitting data to the server.</dd>
<dt><a href="/pt-PT/docs/Web/HTML">HTML (Linguagem de Marcação de Hipertexto)</a></dt>
<dd>The main entry point for HTML reference documentation on MDN, including detailed element and attribute references — if you want to know what attributes an element has or what values an attribute has, for example, this is a great place to start.</dd>
</dl>
</div>
|
