HTML e Css

Enviado por

RafaelCapistrano

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 DOCX, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

18 visualizações

HTML e Css

Enviado por

RafaelCapistrano

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 DOCX, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 3

Universidade de Cuiabá

UNIC – Pantanal
Curso: Ciências da Computação – Noturno
Disciplina: Sistemas de Computação e de Informação
Docente: José Carvalho
Discente: Rafael Oliveira Capistrano Pinho
Cuiabá, 01 de novembro de 2023

1. Pesquise sobre as seguintes TAGs do HTML:

a. tag div
R: A tag <div></div> significa Division, é utilizada para estruturar o site em seções ou blocos de
código agrupados. Criando assim layouts e organizando o conteúdo da página. É um elemento
bastante flexível, não possuindo significado semântico, aceita a atribuição de classes, IDs para
ser estilizado via CSS ou manipulado por JavaScript.
Sintaxe da tag:

<div>
código
</div>

b. tag img
R: A tag <img> é utilizada para inserir imagens em uma página HTML. Esta tag não possui
fechamento. Alguns atributos que possui:
src (source), atributo obrigatório, no qual deve-se especificar a URL da imagem a ser exibida.
alt, atributo de acessibilidade, fornecendo uma descrição alternativa em texto no caso da
imagem não poder ser exibida ou no caso do usuário ter desabilitado a exibição de imagens do
site.
title, fornece informações ao passar o cursor do mouse por cima da imagem.
width (largura) e height (altura), redimensionamento em pixels da imagem.
Sintaxe básica da tag:

<img src="caminho da imagem" alt="descrição da imagem"/>

1 de 3
c. tag a
R: A tag <a> (anchor), conhecida como âncora, possui como função a criação de hiperlinks,
possibilitando que o usuário seja redirecionado para outras seções do site ou outras páginas
web. É permitido inserir um texto dentro da tag, para ser utilizado como link. Alguns atributos
a serem utilizados:
href (hypertext reference), atributo no qual deve-se indicar a URL completa da página para qual
o link aponta.
target, atributo para definir se o link será aberto na página atual ou se será aberta uma nova
página (aba do navegador) redirecionando o usuário.
title, texto informativo a ser exibido ao usuário.
Sintaxe básica da tag:

Redirecionamento em uma nova janela:

<a href="link" target="_blank">texto</a>

2. Pesquise como inserir uma classe, id e tag no CSS.

R: O seletor de classe no CSS começa um ponto “.” seguido da palavra-chave e entre chaves os
códigos de definição de estilos. Todas as tags HTML que possuírem a classe aplicada à ela,
receberá suas definições.
A classe pode ser inserida direto no arquivo .hmtl ou em um arquivo .css bastando criar dentro
da tag <head> o link para o arquivo .css.
Sintaxe básica:

. nomeDoSeletorDaClasse {
Código;
}

Para inserir o seletor id, ele deve ser declarado começando com “#” seguido da palavra-chave e
entre chaves os códigos de definição de estilos, aplicando assim suas definições à tag HTML. A
diferença para classe, é que o id identifica unicamente cada elemento a receber a estilização,
não se pode ter dois elementos com mesmo id. Já com as classes seu mesmo nome em
diferentes tags.
Sintaxe básica:

2 de 3
#nomeDoSeletorDoID {
Código;
}

No CSS temos a tag <style> que deve ser inserida dentro da tag <head> do arquivo HTML para
definir propriedades que afetaram o documento inteiro.
Sintaxe básica:
(...)
<head>
<style type=”text/css”>
Códigos, regras, de estilo
</style>
</head>
(...)

Tag <link> para linkar o arquivo .html ao arquivo externo .css que conterá todas as informações
de estilo da página, evitando que tenha que se declarar em todos os arquivos .html as regras
de estilo. Economizando tempo, trabalho, e otimizando os documentos. A tag deverá ser
declarada dentro da <head> do arquivo .html.
href, atributo onde deverá ser declarado o caminho do arquivo .css.
rel, atributo que define que os estilos serão definidos para todo o arquivo.
Sintaxe básica:
(...)
<head>
<link rel="stylesheet" type="text/css" href="estilo.css"/>
</head>
(...)

3 de 3