1-Introdução TEC. WEB

EI - TECNOLOGIA WEB
3º ANO
ANO LECTIVO – 2023 / 2024
INTRODUÇÃO:
❑Fundamentos da Linguagem HTML e CSS

O DOCENTE: RAFAEL CALITOCO || LIÇÃO Nº 1 e 2
HTML (Hyper Text Markup Language) é uma linguagem de
marcação de hípertexto que funciona ao lado do cliente.
Consiste em uma linguagem de marcação utilizada para

produção de páginas na web, que permite a criação de
documentos que podem ser lidos em qualquer
computador e transmitidos pela internet ou pela intranet.
Para criar uma página em html é necessário um editor de
texto (bloco de notas, brackets, sublime, Notepad++…etc)
e conhecimento dos códigos (tags) que compõem a
linguagem.
Tags – Servem para indicar a função de cada elemento da

página web e funcionam como comando de formatação de
textos, formulários, links (ligações), imagens, tabelas e
outros.
A formatação de texto em html é obtida com o uso
das tag - símbolos da linguagem HTML identificados
pelos sinais "< >" (se for a tag inicial) ou pelos sinais
"</ >" (se for a tag final).
Por exemplo, a tag marca o início do texto a ser
apresentado em itálico, e a etiqueta marca o fim
da formatação em itálico.
logo, tudo o que estiver entre este par de tags e

 será apresentado em itálico.
Assim também funcionam as tags e , que

marcam o início e o fim do texto a ser apresentado em
negrito (Bold).
Alguns autores adotam outras traduções das tags
como:
marcador, rótulo ou comando..

ELEMENTOS
A linguagem HTML especifica elementos para construir
estruturas como:
formatação de texto, parágrafo, lista, tabela, etc.
Cada elemento, em geral, é composto por três partes:

tag inicial + conteúdo + tag final.
Exemplo: ISPI 

Alguns elementos permitem omitir a tag final.
Por exemplo, para construir um parágrafo basta explicitar a

tag inicial .
Casos como o elemento P (parágrafo), a tag final é opcional

pode ou não ser declarada. Portanto, o código anterior
também poderia ser escrito desta maneira:
Primeiro parágrafo. Segundo parágrafo.

Como todo tipo de projeto de software, existem algumas
recomendações quanto à organização dos arquivos de
um site. Não há nenhum rigor técnico quanto a essa
organização e, na maioria das vezes, iremos nos adaptar
as recomendações da maneira que for melhor para o seu
projeto.
Estrutura base da linguagem html:
<Html>
<Head>
<meta charset="UTF-8" lang="pt“ media="all">

<title> Exercícios </title>
</Head>
<body bgcolor="#E6E6FA">
</body>
</Html>
Estrutura base da linguagem html:
<Html>
<Head>
<meta charset="UTF-8" lang="pt" media="all">

<title> Exercícios </title>
</Head>
<body bgcolor="#E6E6FA">
 Instituto Superior Politécnico Independente 
</body>
</Html>
FUNDAMENTOS DO CSS
É preciso ter em mente que qualquer modelo CSS só será
visto e aproveitado quando usado em um código HTML.
O CSS (folha de estilo) formata a informação entregue

pelo HTML. Essa informação pode ser qualquer elemento:
imagem, texto, vídeo, áudio ou qualquer outro elemento
criado.
Sintaxe do CSS:
selector {
propriedade: valor;
}
A propriedade é a característica que desejamos modificar no elemento.
O valor é o valor referente a esta característica.
Por exemplo, para modificar a cor do texto, o valor é um Hexadecimal, RGBA ou até
mesmo o nome da cor por extenso.
Os seletores são a alma do CSS e você precisa dominá-los. É com os seletores que
você irá escolher um determinado elemento dentro de todos os outros elementos
do site para formatá-lo. Boa parte da inteligência do CSS está em saber utilizar os
seletores de uma maneira eficaz, escalável e inteligente.
Selector: O selector representa uma estrutura. Essa estrutura é
usada como uma condição para determinar quais elementos de
um grupo de elementos serão formatados.
Como conectar o HTML e o CSS externo?
<link type="text/css" rel="stylesheet" href="css/estilo.css">
<!DOCTYPE Html> Nome da pasta onde
iremos inserir a folha
<Html> de estilo.
<Head>
<meta charset="utf-8" lang="pt" >

<Title>Primeira aula </Title>
<link type="text/css" rel="stylesheet" href="css/estilo.css">
</Head>
<Body>
Toda codificação deve ser
inserida aqui. Folha de estilo
</Body>
</Html>

1-Introdução TEC. WEB

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

1-Introdução TEC. WEB

Enviado por

Direitos autorais:

Formatos disponíveis

EI - TECNOLOGIA WEB

❑Fundamentos da Linguagem HTML e CSS

Consiste em uma linguagem de marcação utilizada para

Tags – Servem para indicar a função de cada elemento da

logo, tudo o que estiver entre este par de tags <I> e

Assim também funcionam as tags <B> e </B>, que

marcador, rótulo ou comando..

formatação de texto, parágrafo, lista, tabela, etc.

Cada elemento, em geral, é composto por três partes:

Exemplo: <I> ISPI </I>

Por exemplo, para construir um parágrafo basta explicitar a

Casos como o elemento P (parágrafo), a tag final é opcional

<P>Primeiro parágrafo.</P> <P>Segundo parágrafo.</P>

<meta charset="UTF-8" lang="pt“ media="all">

<meta charset="UTF-8" lang="pt" media="all">

<I> Instituto Superior Politécnico Independente </I>

O CSS (folha de estilo) formata a informação entregue

<meta charset="utf-8" lang="pt" >

<link type="text/css" rel="stylesheet" href="css/estilo.css">

Você também pode gostar