Exemplos usando as Principais TAG’s linguagem HTML
Certamente! Aqui estão alguns exemplos de uso de algumas das tags HTML mencionadas anteriormente:
1. Exemplo usando `<h1>` e `<p>`:
```html
<h1>Título da Página</h1>
<p>Este é um parágrafo de exemplo.</p>
```
2. Exemplo usando `<a>` para criar um link:
```html
<a href="https://www.openai.com">Visite o site da OpenAI</a>
3. Exemplo usando `<img>` para exibir uma imagem:
```html
<img src="caminho-da-imagem.jpg" alt="Descrição da Imagem">
```
4. Exemplo usando `<ul>` e `<li>` para criar uma lista não ordenada:
```html
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
```
5. Exemplo usando `<table>` para criar uma tabela:
```html
<table>
<tr>
<th>Nome</th>
<th>Idade</th>
</tr>
<tr>
<td>João</td>
<td>25</td>
</tr>
<tr>
<td>Maria</td>
<td>30</td>
</tr>
</table>
```
6. Exemplo usando `<form>` para criar um formulário básico:
```html
<form action="/enviar" method="POST">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" required><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br>
<input type="submit" value="Enviar">
</form>
```
7. Exemplo usando `<strong>` e `<em>` para enfatizar texto:
```html
<p>Este é um texto <strong>importante</strong> e este é um texto <em>ênfase</em>.</p>
```
8. Exemplo usando `<br>` para quebra de linha:
```html
<p>Este é um texto na primeira linha.<br>
Este é um texto na segunda linha.</p>
```
9. Exemplo usando `<hr>` para inserir uma linha horizontal:
```html
<p>Texto acima da linha</p>
<hr>
<p>Texto abaixo da linha</p>
```
10. Exemplo usando `<blockquote>` para criar uma citação em bloco:
```html
<blockquote>
<p>Esta é uma citação em bloco.</p>
<cite>Nome do autor</cite>
</blockquote>
```
11. Exemplo usando `<code>` para destacar um trecho de código:
```html
<p>Para imprimir uma mensagem no console, use o comando <code>console.log('Olá, mundo!');</code></p>
```
12. Exemplo usando `<pre>` para preservar a formatação de um bloco de texto:
```html
<pre>
function greet() {
console.log('Olá, mundo!');
}
greet();
</pre>
```
13. Exemplo usando `<iframe>` para incorporar uma página da web:
```html
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ"></iframe>
```
14. Exemplo usando `<video>` para exibir um vídeo:
```html
<video src="video.mp4" controls></video>
```
15. Exemplo usando `<audio>` para reproduzir um arquivo de áudio:
```html
<audio src="audio.mp3" controls></audio>
```
Esses são apenas mais alguns exemplos do uso de tags HTML. Existem muitas outras tags disponíveis para diferentes finalidades. Lembre-se de consultar a documentação oficial do HTML para obter mais informações sobre cada tag e como usá-las corretamente.
Esses são apenas alguns exemplos do uso das tags HTML mencionadas. Lembre-se de que você pode personalizar e estilizar as tags HTML usando CSS para atender às suas necessidades de design e layout.
