Welcome to Scribd. Sign in or start your free trial to enjoy unlimited e-books, audiobooks & documents.Find out more
Download
Standard view
Full view
of .
Look up keyword
Like this
3Activity
0 of .
Results for:
No results containing your search query
P. 1
treinaHTML

treinaHTML

Ratings: (0)|Views: 17|Likes:
Published by Sabrina Nobre

More info:

Published by: Sabrina Nobre on Nov 27, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

06/24/2010

pdf

text

original

 
Treinamento em HTMLNível: BásicoHoras: 4Índice
Índice ....................................................................................................................................1Introdução ............................................................................................................................2Linguagem de marcação ..................................................................................................2Linguagem Interpretada pelo próprio browser ................................................................3Modelo cliente / servidor .................................................................................................3Casos especiais: Netscape | MS-Explorer ........................................................................4Conceitos Iniciais .................................................................................................................4Extensão de um novo documento: .html..........................................................................4Vendo um documento HTML ..........................................................................................5Conceito de tags e de documento bem formado ..............................................................5Modificando parâmetros de tags ......................................................................................5Base de um Documento .......................................................................................................6Definindo o documento principal: <html></html> .........................................................7Definindo o cabeçalho do documento: <head></head> ..................................................7Dando um título para o documento: <title></title> .........................................................7Definindo o corpo principal: <body></body> .................................................................7Alterando a cor de fundo: atributo bgcolor ......................................................................8Exibindo Informações ..........................................................................................................8Escrevendo dados num documento ..................................................................................9Criando cabeçalhos: <hn></hn> ......................................................................................9Um parágrafo: <p></p> ...................................................................................................9Alterando o alinhamento de um texto ............................................................................10Mudando a cor do texto: <font></font> ........................................................................10Tornando o texto negrito: <b></b> ................................................................................10Tornando o texto itálico: <i></i> ...................................................................................10Tornando o texto sublinhado: <u></u> ..........................................................................11Quebrando linhas: <br> .................................................................................................11Dividindo em seções: <hr> ............................................................................................11Ligações entre Páginas .......................................................................................................11Conceitos de links entre páginas ....................................................................................12Criando um novo link: <a></a> ....................................................................................12Inserindo Imagens ..............................................................................................................13Inserindo uma imagem: <img> ......................................................................................14Tabelas ...............................................................................................................................14Formatando dados usando tabelas: <table></table> ......................................................15Mostrando as bordas: atributo border ............................................................................15Incluindo uma nova linha: <tr></tr> .............................................................................15Incluindo uma nova célula: <td></td> ...........................................................................16
Rua Lauro Vannucci, 1020Jardim Santa Cândida – Campinas – SPCEP 13087-548Tel (19) 3256-5433Fax (19) 3256-5433conceptia@conceptia.com.br 
1
 
Mesclando linhas: atributo rowspan ..............................................................................16Mesclando colunas: atributo colspan .............................................................................16Alterando a cor de fundo de uma célula ........................................................................17Alterando o alinhamento de uma célula .........................................................................17Listas ..................................................................................................................................18Listas gerais: <ol></ol>, <ul></ul> e <li></li> ............................................................18Formulários ........................................................................................................................19Trabalhando com dados em HTML ...............................................................................19Definindo um novo formulário ......................................................................................19Opções de entrada de dados: <input> ............................................................................19Criando um novo campo: parâmetro text .......................................................................20Criando um botão: parâmetro button .............................................................................20Criando um botão de submissão: parâmetro submit ......................................................21Criando um botão de limpeza: parâmetro reset .............................................................21Criando uma nova checkbox: parâmetro checkbox .......................................................21Criando um novo radiobutton: parâmetro radio .............................................................22Criando um campo de senha: parâmetro password ........................................................22Caixas de seleção: <select></select> .............................................................................22Caixas de texto: <textarea></textarea> .........................................................................23Janelas ................................................................................................................................24Definição de janelas em HTML .....................................................................................24Definição de janelas: <frameset></frameset> ...............................................................24Referência ..........................................................................................................................25
 
IntroduçãoLinguagem de marcação
Uma linguagem de marcação é utilizada para definir formatos e padrões dentrode um documento. Normalmente elas não possuem qualquer estrutura lógica de
Rua Lauro Vannucci, 1020Jardim Santa Cândida – Campinas – SPCEP 13087-548Tel (19) 3256-5433Fax (19) 3256-5433conceptia@conceptia.com.br 
2
 
controle como as linguagens de programação tradicionais, como condicionais erepetição.Essas linguagens se utilizam do conceito de marcador ou tag, que possuem umsignificado quando forem visualizados por algum sistema, para definir comoessas informações deverão ser mostradas. Por exemplo, suponha que se queiradeixar todas as palavras começadas pela letra “A” em negrito, para executar essa operação em HTML, seria necessário colocar entre as palavras começadaspor esta letra, os símbolos “
<b>
” e “
</b>
”.Existem diversos tipos e padrões para linguagens de marcação e a HTML éapenas mais uma delas, mas que se popularizou por causa do advento daInternet, já que a maioria dos documentos que trafegam na rede utilizam elapara exibir suas informações.
Linguagem Interpretada pelo próprio browser 
No caso do HTML, ele possui um código com suas várias marcações, mas quese for aberto como um documento texto, não mostra nada além de texto commarcas especiais em determinados pontos. Para que o real efeito do HTMLocorra, é preciso de um outro software, que pegue o documento fonte einterprete o que significa cada uma das marcações existentes.A função básica de um browser Web (como o Microsoft Internet Explorer e oNestcape Navigator) é fazer exatamente isso, pegar documentos commarcações HTML e exibi-los aos usuários depois de terem interpretado suastags, exibindo o real conteúdo de cada um documentos.Vale destacar ainda que o HTML não é compilado, como algumas linguagens deprogramação o são, transitando na rede de uma forma que o seu código fontepossa ser lido e interpretado por qualquer pessoa. Ele também não tem nenhumprocessamento no lado do servidor, este apenas envia os arquivos para amáquina cliente, que fica responsável por fazer todo o processamento.
Modelo cliente / servidor 
O modelo básico da internet é o chamado cliente / servidor, onde existe umamáquina central (no caso da internet, não existe um centro, pois ela cresceu atal ponto que fica impossível gerenciá-la desta maneira) que tem armazenado osdocumentos que os usuários desejam ver, que são os chamados clientes.Um servidor pode atender a requisição de diversos clientes ao mesmo tempo,cada um requisitando um documento (como uma página específica de um site)diferente ao mesmo tempo. Esse servidor normalmente possui um poder deprocessamento bem maior, para garantir que isso possa ser feito sem umagrande demora para os clientes.
Rua Lauro Vannucci, 1020Jardim Santa Cândida – Campinas – SPCEP 13087-548Tel (19) 3256-5433Fax (19) 3256-5433conceptia@conceptia.com.br 
3

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->