Slide - Conceituando Layout HTML

Desenvolvimento Web I

Natália Araújo

26/04/2021

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 3, do total de 10 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 6, do total de 10 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Você viu 9, do total de 10 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

Curso: Técnico em Informática
Professor: Cláudio Werkema
Disciplina: Desenvolvimento Web I
ETB – Escola Técnica de Brasília
Programa da Disciplina A1
História do surgimento da Internet;
Principais Protocolos da Web;
TCP/IP e HTTP 
Conceito de Sistemas Web;
Principais Serviços da Web;
Segurança da Web;
Estrutura e Layout HTML e CSS;
Referências Bibliográficas
Breitman, Karin K. Web Semântica – A Internet do Futuro. Rio de Janeiro: LTC, 2005;
WELLING, L. THOMSON, PHP e MySQL: desenvolvimento web. Rio de Janeiro: Campos, 2001;
CASTRO, M. A. S. O que é HTML. São Paulo, 2003;
TANENBAUM, Andrew S.; WETHERALL, David J. Redes de Computadores. 5. ed. Pearson Education do
Brasil, 2011.
6.0 - Conceito de HTML:
Conceito de HTML:
HTML significa HyperText Markup Language (Linguagem de Marcação de Hipertexto).
HTML é o formato padrão para criação de páginas online e aplicações de web e tudo atualmente na internet gira em torno de HTML;
Outras Linguagens de programação para WEB como Java, PHP entre outras são geradores dinâmicos de HTML;	
Em conjunto com o CSS eles formam as bases principais para a World Wide Web.
Construção HTML:
Todas as Tags HTML devem ser abertas e fechadas “<>” “</>”;
<!Doctype> é a forma como o navegador irá interpretar a página;
Arquivo deve ser salvo com extensão HTML;
Padrão UTF-8;
<Meta charset = “UTF-8”/>;
Estrutura HTML:
<!doctype html>
<html>
 <head>
 <title>Título da Página da Internet </title>
 <meta charset="utf-8" /> 
 </head>
 <body>
 Minha 1ª pagina html
 </body>
 </html>
Principais Editores HTML:
Notepad ++
Dreamweaver
Aptana Studio
Codelobster
Netbeans
Sublime Text
Principais comandos HTML:
<h1> (título)/h2 (subtítulo)
<p> (parágrafo)
<br> (quebra de linha)
<Strong> (negrito)
<em> (itálico)
Listas
<Ul> (lista não ordenada)
<li> listadas
<img src=“nome do arq. da imagem">
Principais comandos HTML:
< ! - - comentário -- >
<blockquote> <p> citaçoes </p> </blockquote>
<a href=“ end site ”> texto do link </a>
<a href=“ end site ” target=“_blank”> texto do link </a> (abrir pagina em branco)
<img src="img/bike.jpg“ width="100" />
<img src="img/bike.jpg“ alt=“Descrição pra exibição" />
Obs. (não fazer hotlink) caminho de outra imagem ou site