Conteúdo HTML & CSS

O documento descreve conceitos básicos de tabelas, formulários e folhas de estilo em cascata (CSS) na linguagem de marcação HTML. Detalha como criar tabelas usando tags like <table>, <tr>, <td>, e como criar formulários com tags como <form> e <input>. Explora os três tipos de CSS - inline, embutido e externo - e como cada um é usado.

Enviado por

Hintswy

Direitos autorais

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

0% acharam este documento útil (0 voto)

13 visualizações

Conteúdo HTML & CSS

Enviado por

Hintswy

Direitos autorais

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

Você está na página 1/ 6

HTML & CSS

Monitores: Kaio César e Artur Albuquerque

Conteúdo do 4° Bimestre
ao longo do arquivo, as tags serão expressas pela cor vermelha, os parâmetros, pela cor verde, HTML
pela cor laranja e CSS pela cor azul, para diferenciar e melhorar a sua experiência

Tabelas HTML:
No HTML é possível criar tabelas usando a tag
<table></table>
Nesta tag, podemos utilizar alguns parâmetros, como por
exemplo o parâmetro
border = ”algum_número”
Quando colocado, este parâmetro fica da seguinte forma:
<table border = “2”></table>

Para criar um cabeçalho na tabela, entre a tag de abertura e

de fechamento “table”, adicionaremos a tag
<th>texto_aleatório</th>

Uma linha na tabela é representada pela tag <tr></tr> e

entre as tags de abertura e fechamento de uma linha,
adicionaremos a tag <td></td> que são as colunas da tabela
E é desta forma que criamos tabelas usando a
linguagem de marcação HTML

Formulários HTML:
Para criar um formulário em HTML, usamos a tag
<form></form>
entre as tags <form> podemos usar a tag <input> para
receber a entrada de informação do usuário, este <input>
pode ser em forma de texto, senha, botão, entre outros.
Para adicionarmos um <input> do tipo texto, adicionaremos
o seguinte parâmetro: <input type=”text”>
Já se eu quiser adicionar um <input> do tipo botão, utilizarei
o mesmo parâmetro type, mas em vez de text, colocaremos
button, fica assim: <input type=”button”>
E para colocar um <input> do tipo senha ou email, usamos,
respectivamente:
<input type=”password”> e <input type=”email”>

E é desta forma que criamos formulários

usando a linguagem de marcação HTML

CSS:
Antes de falarmos algumas coisas sobre o CSS, devemos saber o que esta sigla significa.
A sigla CSS significa: Cascading Style Sheet, ou em português Folha de Estilo em
Cascata

Agora que sabemos o significado da sigla CSS, vamos saber quais são os três
maneiras possíveis de se usar o CSS:

OS TRÊS TIPOS DE CSS SÃO

1. CSS inline:
É usado dentro da própria tag, como se fosse um
parâmetro. Exemplo:

2.CSS embutido/interno/incorporado:
Neste CSS, usamos uma tag que serve somente
para estilizar o site,que é a tag <style></style>,
este CSS funciona como o CSS externo, a única
diferença é que se usa dentro do próprio HTML.
Vale lembrar que este tipo de CSS é normalmente
usado entre a tag de fechamento </head> e a tag
de abertura <body>, mas isso não é obrigatório, é
apenas uma prática comum. Exemplo:
No CSS embutido e externo, nós devemos chamar a
tag que queremos editar(é chamado de seletor),
abrimos as chaves e fazemos as edições entre
essas chaves. Outra coisa importante é que, toda
linha no CSS é terminada com ponto e vírgula(;)
3.CSS externo:
No CSS externo, deve-se criar um novo arquivo e
chamá-lo de “algumnome.css”, depois de criar
este arquivo, devemos linkar no HTML, utilizando
a seguinte tag e parâmetros,
<link rel=”stylesheet” href=”nomedoarquivo.css”>
Quando for linkar o CSS, coloque esta tag dentro da tag <head></head>
E A SINTAXE DO CSS EXTERNO É A MESMA
DO INTERNO
Este foi o Conteúdo de HTML e
CSS. Boa Sorte a todos na
prova!