Scribd
Carregar
37 visualizações3 páginas

Estrutura Básica de HTML e CSS

O documento apresenta um exemplo de estrutura básica de um site em HTML, incluindo elementos como título, parágrafos, imagens, links e tabelas. Também descreve a utilização de tags para formatação de texto, como negrito, itálico e sublinhado, além de como inserir formulários. O conteúdo é voltado para a organização e estilização de um site utilizando CSS.

Enviado por

pimentaluan2005
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
37 visualizações3 páginas

Estrutura Básica de HTML e CSS

O documento apresenta um exemplo de estrutura básica de um site em HTML, incluindo elementos como título, parágrafos, imagens, links e tabelas. Também descreve a utilização de tags para formatação de texto, como negrito, itálico e sublinhado, além de como inserir formulários. O conteúdo é voltado para a organização e estilização de um site utilizando CSS.

Enviado por

pimentaluan2005
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

●​ <!

doctype html>(Abrir código)


<html>

​ <head>
​ ​ <title>Título do site</title>
​ ​ <meta charset=“utf-8” />
​ ​ <link href=“Pasta do arquivo
css/Arquivo css” type=“text/css”
rel=“stylesheet” />
​ </head>

​ <body> Tudo o que eu quero dentro do meu


site</body>

​ ​ ​ <div> Organizar melhor o site


​ ​ ​
​ ​ ​ </div>

​ </body>

</html>

●​ <h1> Título do meu texto </h1>


​ <h2> Título do meu texto </h2>
​ <h3> Título do meu texto </h3>
​ <h4> Título do meu texto </h4>

●​ <p> Parágrafo do texto </p> (Posso separar


por linha)
●​ <span> Parágrafo do texto </span> (Não posso
separar por linha)

●​ <b>Entre textos</b> (Para deixar em negrito)


●​ <i>Entre textos</i> (Para deixar em itálico)
●​ <u>Entre textos</u> (Para deixar em
sublinhado)

●​ <br /> (Quebra de linha)

●​ <img src=“Imagem que desejo inserir” />


●​ width=“Tamanho desejado” (Dentro de outras
tags. Ex:img)
●​ height=“Altura desejada” (Aplicado dentro de
outras tags. Ex:img)

●​ <a href= “Link desejado”> Nome do link no


site</a>

●​ <table width=“Tamanho desejado” aling=


“Posição de alinhamento” border= “Tamanho da
borda” /> (Inserir tabela)
​ ​ <thead>
<tr> (Linhas da tabela)
​ ​ <th>Informação</th> (Cédulas da
cabeça da tabela)

</tr>
</thead>
<tbody>
<tr> (Linhas da tabela)
​ ​ <td>Informação</td>

</tr> (Cédulas da tabela)

​ ​ </tbody>

​ </table>

●​ <form> (Inserir formulário, com interação)


​ <input type=“Tipo desejado” />
​ <textarea></textarea> (Área de texto
grande)
​ <input type= “button” value= “Enviar” />
Botão para enviar o formulário>
</form>

●​ id=“Nome do id” (dentro de outras tags para


ligar com o css)
●​ class=“Nome da class” (dentro de outras
tags para ligar com o css)

Você também pode gostar