Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas


HTML, Introdução a história, conceitos básicos e sintaxe do HTML., Slides de Web Design e Desenvolvimento

HTML (abreviação para a expressão inglesa HyperText Markup Language, que significa: "Linguagem de Marcação de Hipertexto" é uma linguagem de marcação utilizada na construção de páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto da junção entre os padrões HyTime e SGML.HTML

Tipologia: Slides

2020

Compartilhado em 01/12/2021

joao-luccas-novaes
joao-luccas-novaes 🇧🇷

4.5

(2)

2 documentos

1 / 24

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
DESENVOLVIMENTO DE
APLICAÇÕES PARA
INTERNET
PROF. DR. WENDEL CASTRO
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18

Pré-visualização parcial do texto

Baixe HTML, Introdução a história, conceitos básicos e sintaxe do HTML. e outras Slides em PDF para Web Design e Desenvolvimento, somente na Docsity!

DESENVOLVIMENTO DE

APLICAÇÕES PARA

INTERNET

PROF. DR. WENDEL CASTRO [email protected]

ROTEIRO

¢ Introdução a HTML

— Conceitos e aplicações — Estrutura Básica

ESTRUTURA BÁSICA

¢ Basicamente, um documento HTML é composto por elementos hierarquicamente organizados. ¢ Para inserir um elemento em um documento HTML, devemos utilizar as tags correspondentes a esse elemento. — As tags são definidas com parênteses angulares (< e >). ¢ Os elementos podem possuir atributos e conteúdo. Os atributos são formados por nome e valor. Normalmente, os valores dos atributos são definidos dentro de aspas dupla e o conteúdo dos elementos é um texto ou outros elementos.

ESTRUTURA BÁSICA

INTRODUÇÃO

¢ De acordo com a especificação da linguagem HTML, alguns elementos são denominados Normal Elements. — Esses elementos são abertos com uma tag e fechados com outra tag. — Por exemplo, o elemento p é um Normal Element. Observe a utilização da tag de abertura e da tag de fechamento do elemento p.

Desenvolvimento de aplicações

INTRODUÇÃO

¢ Há também elementos denominados Void Elements. Esses elementos não possuem conteúdo. Na sintaxe HTML, esses elementos são abertos e fechados com apenas uma tag com ou sem o caractere “/”. Um exemplo de Void Element é o elemento br. ¢ Os Void Elements são: area, base, br, col, embed, hr, img, input, keygen, link, meta, param, source, track, wbr.

Aplicações para Web I, Introdução
Aplicações para Web II, Introdução
Aplicações para Web III, Introdução

INTRODUÇÃO

¢

HTML 4.01 Frameset

XHTML 1.0 Transitional

INTRODUÇÃO

¢ Os elementos HTML, com exceção do DOCTYPE, devem ser inseridos no conteúdo do elemento html. Esse elemento é aberto com a tag , fechado com a **tag ** e deve conter exatamente um elemento head seguido de exatamente um elemento body.

...

...

INTRODUÇÃO

¢ **** — O conteúdo de uma página web deve ser definido no corpo do elemento body. — Por exemplo, podemos inserir no corpo do body cabeçalhos, textos, listas, tabelas, entre outros componentes. Esse elemento é aberto pela tag e fechado pela tag .

Aplicações para Web, Introdução

INTRODUÇÃO

¢ Comentários ¢ Podemos adicionar comentários em um documento HTML dentro das tags . Os comentários são ignorados pelos navegadores.

CHROME DEVTOOLS

EXEMPLO:

¢ No exemplo do Netbeans, utilizamos o elemento p para definir um parágrafo. De acordo com a especificação da linguagem HTML, esse elemento deve ser utilizado justamente para definir parágrafos. Portanto, ele foi aplicado corretamente. ¢ De acordo com a especificação, o elemento Address deve ser utilizado para fornecer informações de contato dos autores ou donos do documento. Normalmente, esse elemento aparece no início ou no final das páginas.

EXEMPLO -

E

Address

Meu endereço profissional:

Wendel Castro [email protected] www.wendelcastro.com.br Av .... 123 ... Belém PA