Guia Básico de HTML para Iniciantes:
Aprendendo os Fundamentos
da
Linguagem de Marcação
Introdução:
HTML (HyperText Markup Language) é a linguagem padrão para criar e projetar páginas da web. Neste tutorial básico, você aprenderá os fundamentos do HTML, desde a estrutura básica de um documento HTML até a criação de elementos como texto, links, imagens e listas. Vamos começar!
1. Estrutura Básica do Documento HTML:
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Título da Página</title>
</head>
<body>
<!-- Conteúdo da Página -->
</body>
</html>
- `<!DOCTYPE html>`: Declara o tipo de documento como HTML5.
- `<html lang="en">`: Define o elemento raiz do documento HTML, especificando o idioma (inglês neste exemplo).
- `<head>`: Contém metadados, como título, codificação de caracteres e informações de exibição.
- `<meta charset="UTF-8">`: Especifica o conjunto de caracteres UTF-8 para suportar diferentes idiomas.
- `<meta name="viewport" content="width=device-width, initial-scale=1.0">`: Define a largura da tela e a escala inicial para dispositivos móveis.
- `<title>Título da Página</title>`: Define o título da página exibido na aba do navegador.
- `<body>`: Contém todo o conteúdo visível da página.
2. Texto:
html
<h1>Este é um Título Principal</h1>
<p>Este é um parágrafo de texto.</p>
- `<h1>`: Define um cabeçalho de nível 1.
- `<p>`: Define um parágrafo.
3. Links:
html
<a href="https://www.exemplo.com">Visitar Exemplo</a>
- `<a href="URL">Texto do Link</a>`: Cria um link para uma URL específica.
4. Imagens:
html
<img src="caminho/para/imagem.jpg" alt="Texto Alternativo">
- `<img src="URL_da_imagem" alt="Texto_Alternativo">`: Insere uma imagem na página.
5. Listas:
html
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
- `<ul>`: Define uma lista não ordenada.
- `<ol>`: Define uma lista ordenada.
- `<li>`: Define um item de lista.
Conclusão:
Parabéns! Você concluiu o tutorial básico de HTML. Agora você está pronto para criar suas próprias páginas da web simples usando os conceitos aprendidos aqui. Continue praticando e explorando recursos avançados para aprimorar suas habilidades em HTML.
PARTE 2 = intermediario-de-html
Copyright © 2024 (zxyurikauan). Todos os direitos reservados
Comentários
Postar um comentário