# Nova Páginaags HTML: Conceitos Fundamentais ### Tags HTML: Conceitos Fundamentais Vamos explorar os conceitos fundamentais ao criar uma nova página HTML. Ao compreender esses conceitos, você estará preparado para criar páginas web ricas e interativas. Aperfeiçoaremos as informações sobre os elementos essenciais do HTML: ##### 1. **Estrutura Básica HTML** Todo documento HTML segue uma estrutura básica que consiste em: ```html ``` - ``: Declara o tipo de documento como HTML5. - ``: A raiz do documento. - ``: Contém metadados, como título da página e links para folhas de estilo. - ``: Inclui o conteúdo visível da página. ##### 2. **Cabeçalhos e Títulos** Os cabeçalhos, definidos pelas tags `

` a `

`, são usados para criar títulos e sub-títulos. `

` é o título mais importante, seguido por `

`, `

`, e assim por diante. ```html

Título Principal

Subtítulo

. . .
Subtítulo
``` O título da página é definido na seção `` usando a tag ``. ##### 3. **Parágrafos e Texto** Use a tag `<p>` para criar parágrafos. O texto é simplesmente colocado entre as tags. ``` <p>Este é um parágrafo de exemplo.</p> ``` ##### 4. **Listas** O HTML suporta listas ordenadas e não ordenadas. Use `<ul>` para listas não ordenadas e `<ol>` para listas ordenadas. Cada item da lista é definido com `<li>`. ```html <ul> <li>Item 1</li> <li>Item 2</li> </ul> <ol> <li>Primeiro item</li> <li>Segundo item</li> </ol> ``` ##### 5. **Links** Links são criados com a tag `<a>`. O atributo `href` define o destino do link. ```html <a href="https://www.exemplo.com">Visitar Exemplo</a> ``` ##### 6. **Imagens** Use a tag `<img>` para exibir imagens na página. O atributo `src` especifica o caminho da imagem e o atributo `alt` fornece um texto alternativo. ```html <img src="imagem.jpg" alt="Descrição da Imagem"> ``` Estes conceitos fundamentais estabelecem a base para a criação de conteúdo em uma página HTML. À medida que você avança, pode explorar mais elementos, como tabelas, formulários, vídeos e áudio, bem como o uso de CSS e JavaScript para estilizar e interagir com sua página. Conforme você se familiariza com esses elementos, poderá criar páginas web dinâmicas e envolventes. </body></html>