Aula01 webdesign

12
WEBDESIGN – AULA 01 - UNIDADE I - FUNDAMENTOS PARA A CONCEPÇÃO E CRIAÇÃO DE CONTEÚDO EM AMBIENTE WEB Revisão HTML - Parte 1 1

description

 

Transcript of Aula01 webdesign

Page 1: Aula01 webdesign

WEBDESIGN – AULA 01

- UNIDADE I -

FUNDAMENTOS PARA A

CONCEPÇÃO E CRIAÇÃO DE

CONTEÚDO EM AMBIENTE WEB

Revisão HTML - Parte 1

1

Page 2: Aula01 webdesign

HTML (REVISÃO)

HTML (HYPER TEXT MARKUP LANGUAGE)

É uma linguagem de marcação para a elaboração

de sites na Web.

Os comandos são chamados de TAGS

Ex:

<nome_do_tag atributo="valor">

...

</nome_do_tag>

2

Page 3: Aula01 webdesign

HTML (REVISÃO)

ESTRUTURA BÁSICA DE UMA PÁGINA

<HMTL>

<HEAD>

<TITLE></TITLE>

</HEAD>

<BODY>

....

</BODY>

</HTML>

3

Page 4: Aula01 webdesign

HTML (REVISÃO)

TAGS BÁSICOS: <H1> a <H6> <BR> <P> <B> <I> <U> <S>

4

Page 5: Aula01 webdesign

HTML (REVISÃO)

TAGS Heading já vem devidamente pré-formatadas. A diferença será o tamanho da letra. O <H1> apresenta com maior tamanho e o último nível <H6> com menor tamanho de letra. Ex: <H1>...</H1> <H2>...</H2> <H3>...</H3> <H4>...</H4> <H5>...</H5> <H6>...</H6>

5

Page 6: Aula01 webdesign

HTML (REVISÃO)

QUEBRAS DE LINHAS:

<BR> O texto pulará 1 linha. Caso queira pular mais de 2 linhas basta incluir o número de <BR> correspondentes. Ex: ...<BR>

<P> TAG parágrafo, permite SOMENTE pular 2 linhas. Ex: ....<P>

6

Page 7: Aula01 webdesign

HTML (REVISÃO)

FORMATANDO TEXTO:

<B>

Permite com que os textos fiquem na formatação

em negrito

Ex:

<B>

....

</B>

7

Page 8: Aula01 webdesign

HTML (REVISÃO)

FORMATANDO TEXTO:

<I>

Permite com que os textos fiquem na formatação

itálico.

Ex:

<I>

....

</I>

8

Page 9: Aula01 webdesign

HTML (REVISÃO)

FORMATANDO TEXTO:

<U>

Permite sublinhar os textos.

Ex:

<U>

....

</U>

9

Page 10: Aula01 webdesign

HTML (REVISÃO)

FORMATANDO TEXTO:

<S>

Permite com cortar o texto no meio com uma linha.

Ex:

<S>

....

</S>

10

Page 11: Aula01 webdesign

Fontes utilizadas

http://www.maujor.com.br

http://www.w3schools.com

11

Page 12: Aula01 webdesign

OBRIGADO!

PROF. SERGIO XAVIER

E-mail:

[email protected]

Blog:

www.profsergioxavier.wordpress.com

12