Comandos Básicos de HTML

Tamanho: px
Começar a partir da página:

Download "Comandos Básicos de HTML"

Transcrição

1 Comandos Básicos de HTML Agora iniciaremos o estudo ao HTML, para você fazer o site utilize o bloco de notas do windows(notepad) ou um outro editor de texto como Notepad++, Geany ou PSPAD. Para fazer você deve escrever os comandos e depois de finaliza-los, salvando o documento assim nome_do_documento.html No HTML usamos comandos chamados TAGS, essas tags tem basicamente esse formato: <abri a tag> </fechei tag> Assim é escrito um comando em HTML, primeiro se abre a tag dizendo de que tipo ela é, depois de utilizado sua função se fecha a tag. Por : <font face="comic sans ms" color="red"> TEXTO1 </font> TEXTO2 No resultado deste comando teriamos TEXTO1 escrito com a fonte comic sans ms e com a cor vermelha, como foi escrito no acima. Ali escrevi a tag <font> coloquei o texto no meio e fechei a tag</font>, ou seja, tudo que está entre o início e o fim da tag, receberá o comando empenhado pela tag. Quando utilizei a barra "/" antes de escrever a tag FONT no fim significa que eu fechei essa tag assim tudo que viria depois do fechamento dessa tag não teria a cor vermelha e não seria escrito com a fonte comic sans ms, esse foi o caso de TEXTO2. E no também aparecem atributos de FONT, os atributos são face="" e color="", os atributos são os comandos que configuram qual será a ação empenhada pela tag, nesse caso o atributo face="" configurou a tag FONT a formatar o texto com a fonte comic sans ms, o mesmo caso aconteceu com o atributo color="", ele disse a tag que a cor seria vermelha. Porque a tag FONT empenha a tarefa de formatação de texto, os atributos são apenas os parâmetros de FONT. Agora que entendemos como se funciona as tags, vamos começar a apresentar as tags que existem no HTML. TAGS <html></html> essa tag deve ser colocada no início do documento e no final. É ela que diz que o documento é em HTML. <head></head> essa tag é o cabeçalho do documento, dentro dela é colocada SCRIPTS, FOLHA DE ESTILOS, a tag TITLE entre outros comandos. <title></title> essa tag vai definir o título do documento, é aquele texto que aparece naquela barra onde estão os botões minimizar, maximinizar e fechar. <body></body> essa tag é aonde você vai escrever todas as tags do documento exceto as listadas acima, nela colocamos as tags de texto, imagem, links entre outros, ela é o corpo do documento. Atributos de <body> bgcolor="cor" esse atributo desempenha a função de definir a cor de fundo da página, entre as aspas você pode colocar o nome da cor em inglês ou seu código hexadecimal. background="endereço da imagem" esse atributo desempenha a função de definir uma imagem para ser o fundo da página, entre as aspas você deve colocar o endereço da imagem, seja ela on-line ou no seu hd. bgsound="endereço do som" esse atributo serve para que assim que o site se carregue, carregue juntamente uma música, executando-a automaticamente. link="cor" esse atributo define qual será a cor do link. vlink="cor" esse atributo define qual será a cor do link visitado. alink="cor" esse atributo define qual será a cor do link ativo. text="nome da fonte" esse atributo define qual será a cor da fonte padrão utilizada pelo documento html.

2 Modo de escrita de um documento HTML: <html> <head> <title> Título da página </title> </head> <body> </body> </html> Essa é a maneira de se iniciar um documento HTML, tente escrever da maneira que esta escrito acima, dando enter depois de comandos e espaços, para ter uma melhor organização do documento e para você entender conseguentemente o que está escrito. Dica: você pode pegar esse código e colar no bloco de notas e salvar, você pode colocar qualquer título no lugar de "Título da página", para entender o funcionamento da tag TITLE. TAGS DE FORMATAÇÃO DE TEXTO <h1></h1> essa tag tem a função de formatar o texto para um tamanho específico. Nesse usamos a tag h1 no texto "": Nesse foi escrito com h1, mas essa tag vai de h1 até h6, conseguentemente diminuindo o tamanho da fonte pelo número maior: nesse foi escrito com a tag <h2></h2>. nesse foi escrito com a tag <h3></h3>. nesse foi escrito com a tag <h4></h4>. nesse foi escrito com a tag <h5></h5>. nesse foi escrito com a tag <h6></h6>. <b></b> essa tag tem a função de deixar o texto em negrito, tudo que for escrito entre essas tags ficará em negrito. <i></i> essa tag tem a função de deixar o texto em italico, tudo que for escrito entre essas tags ficará em italico. <u></u> essa tag tem a função de sublinhar o texto, tudo que for escrito entre essas tags será sublinhado. <sup></sup> essa tag configura o texto a aparecer de modo sobrescrito. <sub></sub> essa tag configura o texto a aparecer de modo subscrito. <br> essa tag faz pular de linha. Observe que essa tag não precisa de fechamento ela é sozinha. <p> essa tag faz pular de linha e na próxima linha deixa em branco. Note que esta também é sozinha.

3 <font></font> com essa tag você formata o texto em tamanho, fonte e cor. Que são configurados nos seus atributos. <font face="nome da fonte"></font> essa tag configura o tipo da fonte que será o seu texto, por comic sans ms,courier,arial black entre outras. <font color="cor"></font> essa tag especifica qual será a cor do texto. Exemplos: <font color="red">exemplo</font> ou <font color="#ff0000">exemplo</font>, você pode tanto colocar o código hexadecimal da cor, quanto o nome da cor em inglês, brevemente você verá uma tabela com algumas cores e seus códigos hexadecimais. <font size="número de 1 até 7"></font> essa tag especifica o tamanho da fonte, parecida com h1,h2,...,h6. INSERINDO IMAGENS <img src="endereço da imagem"> essa tag serve para inserção de imagens no seu documento html. <img src="endereço da imagem" title="título da imagem"> esse atributo especifica um título para imagem, que é visto quando você passa o cursor do mouse sobre a imagem. <img src="endereço da imagem" width="largura da imagem" height="altura da imagem"> os atributos width="" e height="", servem para ajustar o tamanho da figura, width ajusta a largura e height a altura, o tamanho é medido em pixels, então você deve especificar um número nas aspas de width e height. Nesse utilizei uma imagem com 100 pixels de largura e 50 de altura. <img src="endereço da imagem" alt="texto"> esse atributo serve para colocar um texto caso a imagem não apareça. Exemplo: A tag com os atributos utilizada para o acima: <img src="#" width="300" height="50" alt="texto que aparece quando a imagem não é carregada ou quando se está carregando."> <img src="endereço da imagem" vspace="numero" hspace="numero"> os atributos vspace="" e hspace="", determinam o espaçamento da imagem em relação a imagens e texto. O vspace="número de pixels" define o espaçamento vertical e é definido em pixels, e o hspace="número de pixels" define o espaçamento horizontal. Código do acima: <img src="#" width="400" height="50" alt="figura A:" hspace="35"><img src="#" width="100" height="50" alt="figura B:">, o mesmo acontece para vspace="". <img src="endereço da imagem" align="opção"> o atributo align="" especifica qual será o alinhamento da imagem na página, se é na direita esquerda ou centro. Opções: left(alinha a esquerda), right(alinha a direita) e center(alinha ao centro). Exemplo: Neste foi utilizada a opção right, por isso a imagem está no canto direito. INSERINDO LINKS E ÂNCORAS Para inserirmos links e âncoras utilizamos a tag: <a href="endereço">texto do link ou imagem</a> <a href="endereço para qual o link irá te enviar">texto do link ou imagem</a> essa tag cria um texto ou uma imagem clicável, e assim que você clica te leva para um determinado ponto ou lugar. <a href="endereço" title="texto">texto ou imagem</a> o atributo title="" configura um texto a ser amostrado assim que você coloca o cursor do mouse, em cima do link, parecido com o ícone da área de trabalho. <a href="endereço" target="opção">texto ou imagem</a> o atributo target="", faz com que o link abra em outra janela, na janela pai ou em um frame. OPÇÕES DO ATRIBUTO TARGET _blank faz com que o link abra em uma nova janela em branco. _parent faz com que o link abra na janela pai.

4 _self faz com que abra na mesma janela. dica: self é default(padrão), geralmente não precisa colocar essa opção. _top faz com que o link abra em uma nova janela que preencha a tela, sem botões, painéis ou menus do browser. para abrir em frames para abrir o link em um frame você deve colocar o nome do frame no atributo target="nome do frame". <a name="aqui">esse é o local que o link virá</a> para cria uma âncora primeiro criamos esse comando de link mas com um nome, e depois usamos outro link que quando clicado vai exatamente no local onde está a âncora, <a href="#aqui">clique aqui que irá até a âncora aqui</a>. Não repita o nome da âncora duas vezes, cada âncora deve ter seu próprio nome. LISTAS Listas são texto amostrados em tópicos, podemos criar listas ordenadas e não ordenadas, uma lista ordenada aparece o item e ao lado o número da ordem, se for o primeiro item da lista será o número 1, se for o segundo o número 2 e assim sucessivamente. As listas ordenadas iniciam com tag <ol> e depois a fechamos. Exemplo: <ol> <li> em Itaguaí tem lama <li> em Santa Cruz tem aipim <li> professor da aula particular </ol> Assim será apresentado no browser: 1. em Itaguaí tem lama 2. em Santa Cruz tem aipim 3. professor da aula particular LISTA NÃO ORDENADA Para criar uma lista não ordenada utilizamos a tag <ul> e depois fechamos. Utiliza da mesma maneira que a tag <ol>. Mas essa apresenta como um bolinha. <ul> <li> item </ul> Assim será apresentado no browser: item Também podemos ao invés de colocar essa bolinha, colocar outro tipos de marcadores, com essa tag <ul type="opção">. OPÇÕES: circle ao invés da bolinha aparece uma circunferência. o square aparece um pequeno quadrado. disc aparece a bolinha. MARQUEE <marquee>texto</marquee> a tag <marquee> configura o texto para ficar se movimentando na tela. Exemplo:

5 <marquee loop="número">texto ou imagem</marquee> o atributo loop diz ao navegador quantas vezes o texto irá passar pela tela, se você não colocar esse atributo o padrão será infinito. <marquee scrollamount="número">texto ou imagem</marquee> esse atributo configura a velocidade que o texto rolará. Quanto maior o número maior a velocidade. <marquee direction="opção"></marquee> diz qual a direção que deve rolar o texto ou imagem. As opções são: up(cima), down(baixo), left(esquerda) e right(direita). <marquee behavior="opção">texto ou imagem</marquee> esse atributo diz ao browser, como deve rolar. OPÇÕES: alternate essa opção faz com que o texto ou imagem bata no fim e volte. slide essa opção faz com que bata no final e fique, sem voltar mais. Essa é a opção mais sem graça. scroll essa opção não precisa ser colocada, se você quiser que o texto role dessa maneira, essa já é padrão, rola até o fim e aparece outra do outro lado, sempre continua. P.S.: na tag marquee você pode colocar atributos como bgcolor entre outros. TABELAS Para inserirmos tabelas em um documento HTML usamos a tag <table>. Exemplo: <table> </table> <td></td> <tr> A tag <table> é a tag que inicia e termina a tabela e tudo que estiver entre ela faz parte da tabela. A tabela é dividida por células, como linhas e colunas. Veja no abaixo: célula 1 célula 2 célula 3 célula 4 célula 5 célula 6 Nesse a tabela possui 2 linhas e três colunas: Atributos de <table>: border="número" especifica se a tabela terá borda ou não. Se você não colocar nenhum número não haverá borda, se você colocar ele ajustará a espessura da borda. Exemplo: Nesse caso a borda foi ajustada para o número 5. Código do acima:<table border="5"><td>nesse caso a borda foi ajustada para o número 5.</td></table> bordercolor="cor" especifica a cor da borda. Exemplo: borda com cor vermelha cellpadding="número" esse atributo especifica o espaçamento dentro das células. Exemplo: O cellpadding da tabela foi definido como 20. cellspacing="número" o atributo cellspacing especifica o espaçamento entre as células. Exemplo: O cellspacing dessa tabela foi definido com o número 20. Assim as células estão afastadas 10 pixels cada uma da outra.

6 Note que a borda da célula é apenas o que está ao torno do texto, a maior que envolve as duas células é a borda da tabela. Assim as células estão afastadas por 20 pixels. p.s.: a tag table também aceita atributos como bgcolor, background, align entre outros. <td>texto ou imagem ou nada</td> agora falarei sobre a tag <td>, é essa tag que inseri células dentro de uma tabela. Podemos colocar várias tags dessas ao lado assim teremos várias células na tabela. Exemplo: célula 1 célula 2 célula 3 célula 4 Código do acima:<table border><td>célula 1</td><td>célula 2</td><td>célula 3</td><td>célula 4</td></table>, nesse agrupamos quatro tags <td> simultâneamente, assim quatro células uma ao lado da outra. <tr> essa tag faz com que se insira linhas na tabela. Exemplo: célula 1 célula 2 célula 3 código do acima:<table border align="center"><td>célula 1</td><tr><td>célula 2</td><tr><td>célula 3</td><tr></table>, podemos colocar várias tags <td> antes de invocar a tag <tr> assim faremos várias linhas e colunas. Atributos de td: colspan="número" esse atributo faz com que uma célula tome o tamanho de duas células na horizontal, uma célula ganha o espaço de duas células. Exemplo: essa célula ganhou o lugar de duas. colspan="2" célula 2 célula 3 célula 4 célula 5 rowspan="número" esse atributo é parecido com o colspan, mais esse ajusta na vertical. Exemplo: célula 2 célula 3 rowspan="2" célula 4 célula 5 P.S.: essa tag também pode possuir atributos como bgcolor, background, align entre outros. FORMULÁRIOS Formulários são objetos que permitem a entrada de dados pelo usuário e são enviados para o do dono do site. Como podemos citar uma votação no site, você vota e esse voto será enviado para o dos desenvolvedores do site e processarão seu voto; Outro, e quando você se cadastra em um site, depois de todas as etapas eles te enviam um para confirmação, o que aconteceu foi que os seus dados foram enviados para um programa, esse programa os processou e reenviou um para você. Mas simplesmente o HTML somente não dá para processar essas informações e enviar, é necessário um script(programa), você precisará aprender uma linguagem de programação, eu te recomendo PERL, vá em sites de apostilas e baixe uma apostila falando de CGI com PERL. Para construirmos um formulário usamos a tag <form> </form> e todas as outras tags devem estar dentro dela. Atributos de form: action="endereço do script" aqui você define o endereço que será enviada as informações. method="post" esta tag define a forma na qual será enviada as informações coletadas ao servidor para processamento. E ela deve conter para que funcione corretamente. A TAG INPUT: Basicamente todos os componentes do formulário, utilizam essa tag mesmo sendo diferentes. A palavra INPUT significa entrada, e quase todos os componentes a utilizam. <input type="tipo de componente" name="nome da variável" size="tamanho da caixa" maxlenght="quantidade de caracteres que poderão ser escritos" value="texto que aparece na caixa">

7 A tag INPUT deve ser escrita dessa maneira, nem o atributo type e o name devem ficar de fora. A variação ocorre quando trocamos o tipo. EDIT BOX <input type="text" name="nome"> para inserirmos uma EDIT BOX utilizamos a opção TEXT no atributo type. A EDIT BOX é uma pequena caixa para inserirmos texto. Veja o abaixo: PASSWORD <- digite algo aqui <input type="password" name="nome"> é igual a EDIT BOX a única diferença é que na tela aparecem o que você digita como asteriscos, usado para o campo senha. Veja o abaixo: RADIO <- digite algo aqui para ver a diferença <input type="radio" name="nome"> este é um componente que você escolhe apenas uma opção de todas determinadas. Veja o abaixo: opção 1 opção 2 opção 3 <- escolha uma opção CHECKBOX <input type="checkbox" name="nome"> é parecido com o componente RADIO, mas este você pode escolher várias opções. Veja no abaixo: SUBMIT opção 1 opção 2 opção 3 opção 4 <- clique em quantas opções quiser <input type="submit" name="nome"> o componente SUBMIT, é o botão que você irá clicar depois de inseridas todas as informações, é uma espécie de OK! Veja no abaixo: CLIQUE AQUI PARA ENVIAR AS INFORMAÇÕES RESET <input type="reset" value="nome"> é parecido com o componente submit, mas esse apaga todas as informações digitadas para você escrever denovo. Veja no abaixo: LIMPAR TEXTAREA <- escreva algo aqui depois aperte no botão limpar <textarea name="nome" cols="número" rows="número"><textarea> o componente TEXTAREA é um espaço pré destinado a textos extensos. O atributo cols="" define a quantidade de colunas e rows=""de linhas. Exemplo: SELECT <select> <option>opção 1 <option>opção 2 <option>opção 3 </select> este componente apresenta opções através de caixas com barras de rolagem. Exemplo: EXEMPLO DE UM FORMULÁRIO: <h1>requisição de dados:</h1><br> <form action="http://www.site.com.br/cgi-bin.pl" method="post"><br>

8 Nome: <input type="text" name="nome"><br> Sobrenome: <input type="text" name="sobre"><br> Sexo: <input type="radio" name="sexom"> Masculino <input type="radio" name="sexom"> Feminino<br> Data de nascimento: <input type="text" name="nasc"> dd/mm/aa<br> O que você achou da apostila? <input type="checkbox" name="chb">boa <input type="checkbox" name="raz">razoável <input type="checkbox">ruim<br> Dê seu comentário sobre ela <textarea name="coment" cols="50" rows="5"></textarea><br> <input type="submit" value="ok"> <inpu type="reset" value="recomeçar"><br> </form> Assim ficará esse código: Requisição de dados: Nome: Sobrenome: Sexo: Masculino Feminino Data de nascimento: dd/mm/aa O que você achou da apostila? Boa Razoável Ruim Dê seu comentário sobre ela OK Recomeçar HOSPEDANDO O SITE Os sites podem ser hospedados em espaços gratuitos na internet como o seguinte: Para saber como hospedar assista o vídeo no youtube: Ou leia o Tutorial: ALGUNS SITES DE APOSTILAS CÓDIGOS E TUTORIAIS Aqui estou disponibilizando alguns sites que possuem apostilas de informática em geral, tutoriais e códigos prontos

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos.

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. 1 Índice 1 - INTRODUÇÃO 3 2 - TAGS 3 3 - EDITORES 3 4 - SALVANDO UMA PAGINA HTML 3 5 - INICIANDO UMA PÁGINA 3 6 - CONSTRUINDO

Leia mais

Ferramentas para Multimídia e Internet - 1486

Ferramentas para Multimídia e Internet - 1486 1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato

Leia mais

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN Sumário 1. Introdução...1 2. Tags...1 3. HTML...1 4. Cabeça, Corpo

Leia mais

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva

Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1

Leia mais

HTML -- Criação de Home Page

HTML -- Criação de Home Page PPáággi innaa 1 LISTAS Na linguagem HTML existem elementos específicos para a criação de listas, que podem ser listas ordenadas (OL), listas sem ordenação (UL), ou listas de definição (DL). Um detalhe

Leia mais

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão 1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena

Leia mais

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML

Leia mais

Roteiro 2: Conceitos de Tags HTML

Roteiro 2: Conceitos de Tags HTML Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias

Leia mais

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

PROGRAMAÇÃO WEB DO LADO DO CLIENTE PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,

Leia mais

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

> Herbet Ferreira Rodrigues > contato@herbetferreira.com Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação

Leia mais

Tutorial de HTML. O que é HTML? Aprendendo

Tutorial de HTML. O que é HTML? Aprendendo Tutorial de HTML Tutorial: O que é HTML? Aprendendo Títulos Textos Imagens Links Imagens Clicáveis Explorando o TAG BODY Música de Fundo Gifs Animados Tabelas Testando sua Página O que é HTML? HTML é uma

Leia mais

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont APOSTILA Curso de HTML com PHP HTML Pablo Dapont PET Computação - sala 202 Prédio 43424 ( prédio dos laboratórios ) Instituto de Informática - UFRGS email : pet@inf.ufrgs.br Av. Bento Gonçalves, 9500 bloco

Leia mais

Tecnologias para apresentação de dados - HTML. Aécio Costa

Tecnologias para apresentação de dados - HTML. Aécio Costa Tecnologias para apresentação de dados - HTML Aécio Costa Apresentação de Dados na Web Tecnologias client-side HTML CSS JavaScript HyperText Markup Language Uma linguagem de marcação utilizada para produzir

Leia mais

Programação web Prof. Wladimir

Programação web Prof. Wladimir Programação web Prof. Wladimir HTML @wre2008 1 Sumário Histórico; Resumo XHTML; Tags; Edição de documentos HTML; Publicação de um documento; Estrutura básica de um documento HTML; Edição de documentos

Leia mais

Roteiro de Estudos e Atividades Avaliativas HTML

Roteiro de Estudos e Atividades Avaliativas HTML Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar

Leia mais

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:

Leia mais

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção

Leia mais

4.14 - Imagens: SRC único atributo que não pode ser omitido neste tag Nota: img

4.14 - Imagens: <IMG SRC=...> SRC <IMG SRC=tecnologia.jpg> único atributo que não pode ser omitido neste tag Nota: img 4.14 - Imagens: O tag utilizado para a inclusão de imagens em páginas html é o: O atributo SRC especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e

Leia mais

4.14 - Imagens: src único atributo que não pode ser omitido neste TAG Nota: img

4.14 - Imagens: <img src=...> src <img src=tecnologia.jpg> único atributo que não pode ser omitido neste TAG Nota: img 4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

Os componentes de um formulário são: Form, Input, Select e AreaText

Os componentes de um formulário são: Form, Input, Select e AreaText HTML Formulário O elemento FORM, da HTML, é o responsável por prover documentos interativos no ambiente WWW de forma que uma pagina web exibida a um usuário possa submeter um conjunto de dados, informados

Leia mais

2 HTML Inserindo objetos

2 HTML Inserindo objetos 2 HTML Inserindo objetos Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Imagem...3 Links...5 Links para locais da mesma página...6 Áudio e vídeo...8

Leia mais

4. Características Gerais das Tabelas do HTML

4. Características Gerais das Tabelas do HTML 4. Características Gerais das Tabelas do HTML Curso de Extensão em HTML PUCRS A criação de uma tabela começa pelo tag e termina pelo tag. Antes do texto de cada linha da tabela você deve inserir o tag

Leia mais

HTML. Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.).

HTML. Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.). HTML Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.). Para se criar um novo documento HTML pode-se utilizar o Bloco de Notas, bastando para tal gravar o documento com

Leia mais

Web Design Aula 01. No Caderno Responda as Questões abaixo

Web Design Aula 01. No Caderno Responda as Questões abaixo Aula 01 1 O que é Web Design? 2 Qual a diferença entre Web Design e Web Designer? 3 O que são Sites ou Páginas? Cite 3 tipos de Sites. 4 O que é um Navegador? 5 O que são Servidores e o que são Protocolos?

Leia mais

0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento.

0,5 pelo negrito das palavras ID, Nome, E-mail e Analisar em outro momento. IFES - Campus Cachoeiro de Itapemirim-ES Curso Técnico em Informática Disciplina: Programação Web Professor: Flávio Izo e Rafael Vargas Data: 07/04/2015 Aluno: GABARITO Valor: 12,5 Conteúdo: HTML + Formulários

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.

Leia mais

3 HTML Tabelas, frames e formulário

3 HTML Tabelas, frames e formulário 3 HTML Tabelas, frames e formulário Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Tabelas...3 Principais atributos das tabelas...4 Principais atributos

Leia mais

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT)

FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) FORMULÁRIOS HTML (FORMS) E ENTRADAS DE DADOS (INPUT) Formulários (FORMS): Um formulário é uma área que pode conter elementos de formulário. Elementos de formulário são elementos que permitem ao usuário

Leia mais

Passa a passo para construir uma página pessoal - Parte 1

Passa a passo para construir uma página pessoal - Parte 1 Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):

Leia mais

O código acima descreve o formulário com uma caixa de texto e dois botões

O código acima descreve o formulário com uma caixa de texto e dois botões Formulários Formulários permitem que os usuários interajam com um servidor Web passando informações. Assim, através da Web, se pode ler e gravar informações em Banco de Dados, gerando enormes possibilidades

Leia mais

Introdução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário

Introdução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário Introdução HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ O usuário interage com os serviços

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

INTRODUÇÃO AO DESENVOLVIMENTO WEB INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que

Leia mais

OURO MODERNO www.ouromoderno.com.br. Web Designer APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

OURO MODERNO www.ouromoderno.com.br. Web Designer APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo) Web Designer APOSTILA DE EXEMPLO (Esta é só uma reprodução parcial do conteúdo) 1 Índice Aula 1 HTML... 3 Tags... 4 Estrutura de uma Página HTML... 4 Cores e fontes... 7 Código Hexadecimal de uma cor...

Leia mais

SIMULADOS & TUTORIAIS

SIMULADOS & TUTORIAIS SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar links em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer

Leia mais

Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html

Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Tabela de dados Tabelas para alinhar texto Tabelas para conter

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aulas 09 e 10 Fernando F. Costa nando@fimes.edu.br Formulários O formulário representa o modo mais importante de interatividade que a linguagem HTML oferece. Um formulário pode

Leia mais

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI

Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Manual do usuário Desenvolvendo páginas em Drupal Faculdade de Ciências Médicas FCM Unicamp Núcleo de Tecnologia de Informação NTI Conteúdo Primeiro Passo... 3 1.1 Login... 3 1.2 Recuperando a Senha...

Leia mais

Web Design Aula 09: Formulários

Web Design Aula 09: Formulários Web Design Aula 09: Formulários Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Tag ... Tag Tag ... Rádio Checkbox Atributo name Form Um

Leia mais

HTML. Conceitos básicos de formatação de páginas WEB

HTML. Conceitos básicos de formatação de páginas WEB HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto

Leia mais

Introdução 1ª Parte Web Web Web Web Browsers Editores Editores Etiquetas (tags) base indica que se trata de uma página escrita em linguagem HTML. Esta deve abranger todo o código;

Leia mais

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,

Leia mais

Formulários em HTML - O que são e para que servem

Formulários em HTML - O que são e para que servem Formulários em HTML - O que são e para que servem A tag - Os atributos action e method A primeira coisa que iremos fazer é usar a tag para podermos usarmos formulários. Antes de entrarmos

Leia mais

Lista e Tabelas. Fundamentos da Linguagem Web

Lista e Tabelas. Fundamentos da Linguagem Web Lista e Tabelas Fundamentos da Linguagem Web Bruno Angelo Medeiros Março de 2015 LISTAS O que são? Tipos Ordenadas Não ordenadas De definição Exemplos Exercícios LISTAS - O QUE SÃO? São uma forma de organização

Leia mais

HTML: Listas, Tabelas e Formulários CST Sistemas para Internet

HTML: Listas, Tabelas e Formulários CST Sistemas para Internet HTML: Listas, Tabelas e Formulários CST Sistemas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Listas Listas de itens são bastante

Leia mais

QUEM FEZ O TRABALHO?

QUEM FEZ O TRABALHO? Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome

Leia mais

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.

Leia mais

Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com

Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;

Leia mais

Programação e Designer para WEB

Programação e Designer para WEB Programação e Designer para WEB html Prof. Rodrigo Rocha prof.rodrigorocha@yahoo.com http://www.bolinhabolinha.com Apresentação Onde Estamos Introdução a hipertexto. A linguagem. Ambientes para programação

Leia mais

Curso PHP Básico. Jairo Charnoski do Nascimento

Curso PHP Básico. Jairo Charnoski do Nascimento Curso PHP Básico Jairo Charnoski do Nascimento Agenda Ferramentas necessárias Introdução HTML HTML? Tags Construindo seu primeiro website Observações sobre a estrutura Mais tags Atributos Agenda Cores

Leia mais

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...

Leia mais

Módulo: Criação de Páginas WEB

Módulo: Criação de Páginas WEB Módulo: Criação de Páginas WEB 50 Horas - Sessão 05/13 TEXTO ANIMADO O comando MARQUEE orienta o browser a definir o efeito de texto/imagem a passar no ecrã. Deve ser utilizado quando queremos dar destaque

Leia mais

Introdução. História. Como funciona

Introdução. História. Como funciona Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado

Leia mais

Programação HTML Construção de Páginas para WEB 47

Programação HTML Construção de Páginas para WEB 47 Programação HTML Construção de Páginas para WEB 47 INICIANDO EXEMPLO3.HTML Crie um novo arquivo html chamado exemplo3.html dentro da pasta exemplos. Após os exercícios e trabalhos anteriores, nossa pasta

Leia mais

MÓDULO 1 - xhtml Básico

MÓDULO 1 - xhtml Básico MÓDULO 1 - xhtml Básico 1. Introdução xhtml significa Extensible Hypertext Markup Language (Linguagem de Marcação Hipertextual Extensível) e é a linguagem de descrição de documentos usada na World Wide

Leia mais

Introdução ao HTML Hypertext Markup Language

Introdução ao HTML Hypertext Markup Language Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do

Leia mais

XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida).

XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida). XHTML 1. Significado do Termo HTML (HyperText Markup Language Linguagem de Marcação de Hipertexto) é a linguagem na qual são feitas as páginas que irão compor um site da Internet. A versão mais recente

Leia mais

Formulário (Send & Recieve) Prof. Celso H. Masotti

Formulário (Send & Recieve) Prof. Celso H. Masotti Formulário (Send & Recieve) Prof. Celso H. Masotti O Send e o Recieve A partir desse momento os exercícios serão realizados com dois arquivos, um de envio de dados (send) e o que recebe esse dados (recieve)

Leia mais

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento

Leia mais

Curso de HTML. Rone Ilídio

Curso de HTML. Rone Ilídio Curso de HTML Rone Ilídio HTML HyperText Mark-up Language Linguagem criação de páginas Apresenta informações Formada por tags, exemplo: Tag H1: dados marcados com h1 Interessante: Acesse qualquer

Leia mais

SIMULADOS & TUTORIAIS

SIMULADOS & TUTORIAIS SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar formulários em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer

Leia mais

DESENVOLVIMENTO WEB I - 7122

DESENVOLVIMENTO WEB I - 7122 6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que

Leia mais

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;

HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está

Leia mais

Programação Web Prof. Wladimir

Programação Web Prof. Wladimir Programação Web Prof. Wladimir Linguagem HTML Listas e Formulários @wre2008 1 Sumário Listas Revisão da tag Criação de formulários HTML @wre2008 2 Listas As listas são utilizadas para citar, numerar

Leia mais

6.2 - Formulários: form
...
form action method POST GET exceto outros formulários form

6.2 - Formulários: form <form action=url_de_script method=método>...</form> form action method POST GET exceto outros formulários form 6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que

Leia mais

OPERAÇÃO DE SOFTWARE E APLICATIVOS

OPERAÇÃO DE SOFTWARE E APLICATIVOS OPERAÇÃO DE SOFTWARE E APLICATIVOS 1 SUMÁRIO 1 INTRODUÇÃO A WEB... 4 1.1 O QUE É A WORLD WIDE WEB?... 4 1.2 COMO FUNCIONA A WWW?... 4 1.3 SERVIDORES WEB... 4 1.4 BROWSERS... 4 1.5 PADRÕES DA WEB... 5 1.6

Leia mais

Mais sobre uso de formulários Site sem Ajax

Mais sobre uso de formulários Site sem Ajax Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher

Leia mais

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web

Conteúdo Dinâmico. Introdução. Interação Browser x Servidor Web. Interação Browser x Servidor Web Introdução Formulários rios & Conteúdo Dinâmico Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA A Web surgiu inicialmente como uma nova forma de comunicação de informações, fazendo uso de

Leia mais

Introdução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira

Introdução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira Introdução Introdução a HTML Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA mario@deinf.ufma.br Página Web: É um documento composto de texto e códigos especiais, chamados tags, que especificam

Leia mais

Este arquivo é parte integrante do CD MEGA CURSOS Acesse - www.megacursos.com.br

Este arquivo é parte integrante do CD MEGA CURSOS Acesse - www.megacursos.com.br Pg 1 Introdução... Pg 2 Exemplo completo... Pg 3 Passo 2... Pg 4 Hyperlinks e Texto dentro de uma caixa... Pg 5 Tag para cores e Tabelas... Pg 6 Formatar o Texto... Pg 7 Download... Pg 8 Frame... Pg 9

Leia mais

1. ACESSO AO SISTEMA. LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com.

1. ACESSO AO SISTEMA. LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com. Manual de uso 1. ACESSO AO SISTEMA LOGIN E SENHA Para ter acesso ao painel administrativo de seu site, acesse o link: http://atualiza.urldosite.com.br Após acessar o link acima, favor digitar seu LOGIN

Leia mais

Sumário. 1 Tutorial: Blogs no Clickideia

Sumário. 1 Tutorial: Blogs no Clickideia 1 Tutorial: Blogs no Clickideia Sumário Introdução... 2 Objetivos... 2 Instruções para utilização do Tutorial... 2 Acesso ao Portal e a Home Blog... 3 Página Inicial da área do Blog... 4 Apresentação da

Leia mais

STI - Seção Técnica de Informática. Dreamweaver. DreamWeaver 1

STI - Seção Técnica de Informática. Dreamweaver. DreamWeaver 1 Dreamweaver DreamWeaver 1 Índice Introdução 1. Conhecendo a Área de Trabalho 1.1. Barra de Título 1.2. Barra de Menus 1.3. Guias 1.3.1 Guia "Common" 1.4. Barra de "Edição do Documento" 1.5. Painéis 1.6.

Leia mais

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho REITORA Ulrika Arns VICE-REITOR Almir Barros da Silva Santos Neto DIRETOR DO NTIC Leonardo Bidese de Pinho COORDENAÇÃO DE APOIO AO USUÁRIO Pierre Correa Martin 1 UNIVERSIDADE FEDERAL DO PAMPA NTIC NÚCLEO

Leia mais

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia3.zip dezembro 1995 Tutorial - Autoria em World Wide Web Parte III - Hypertext

Leia mais

4 - HTML Básico: 4.2 - Criando documentos HTML:

4 - HTML Básico: 4.2 - Criando documentos HTML: 4 - HTML Básico: 4.1 - O que é HTML? Os documentos na Web são organizados com o uso de comandos que são interpretados pelos browsers. Estes comandos compõem a linguagem HTML (HyperText Markup Language).

Leia mais

Treinamento de Drupal para Administradores do Site Bibliotecas UFU

Treinamento de Drupal para Administradores do Site Bibliotecas UFU Treinamento de Drupal para Administradores do Site Bibliotecas UFU 1 1. Como logar no sistema como usuário autenticado Para logar no sistema como usuário autenticado é necessário digitar /user na frente

Leia mais

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um

Leia mais

Apostila Básica de Informática Ensino Fundamental Volume 4

Apostila Básica de Informática Ensino Fundamental Volume 4 Apostila Básica de Informática Ensino Fundamental Volume 4 1 Introdução:... 3 A Tela do Excel... 3 Criando uma nova pasta de trabalho... 3 Diferença entre Pasta de Trabalho e Planilha.... 4 Salvando sua

Leia mais

XXIV SEMANA MATEMÁTICA

XXIV SEMANA MATEMÁTICA XXIV SEMANA ACADÊMICA DA MATEMÁTICA Minicurso: Produção de Páginas Web para Professores de Matemática Projeto de Extensão: Uma Articulação entre a Matemática e a Informática como Instrumento para a Cidadania

Leia mais

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual

Leia mais

Manual da AGENDA GRACES 2011

Manual da AGENDA GRACES 2011 1 Agenda Graces Manual da AGENDA GRACES 2011 O Sistema Agenda Graces integrada ao Sistema Graces e Agenda Graces Grátis foi desenvolvido pela empresa Quorum Informática. Este Manual tem por objetivo atender

Leia mais

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação

Leia mais

Sumário INTRODUÇÃO 3 DICAS PARA CRIAR UM BOM SITE 4

Sumário INTRODUÇÃO 3 DICAS PARA CRIAR UM BOM SITE 4 Sumário Todos os direitos reservados e protegidos pela Lei 5.988 de 14/12/73. Nenhuma parte deste livro, sem prévia autorização por escrito de Celta Informática, poderá ser reproduzida total ou parcialmente,

Leia mais

Introdução SYSWEB Inclusão, alteração e exclusão de dados nas páginas das unidades informadoras da UFSJ SYSWEB

Introdução SYSWEB Inclusão, alteração e exclusão de dados nas páginas das unidades informadoras da UFSJ SYSWEB Introdução Essa apostila servirá tanto como base para os participantes do Curso de Capacitação SYSWEB Inclusão, alteração e exclusão de dados nas páginas das unidades informadoras da UFSJ, como também

Leia mais

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Formulários HTML Aula 07: Formulários e Frames HTML Os formulários HTML são utilizados, geralmente, como entradas de dados prépreenchimento,

Leia mais

Claudio Damasceno. Avançar

Claudio Damasceno. Avançar Claudio Damasceno Conteúdo Alinhamento Âncoras, Links Tabelas Formatação Próximo Capítulo HTML prof.claudiodamasceno@hotmail.com 2 Recapitulando - Estrutura básica título DA PÁGINA

Leia mais

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho

REITORA Ulrika Arns. VICE-REITOR Almir Barros da Silva Santos Neto. DIRETOR DO NTIC Leonardo Bidese de Pinho REITORA Ulrika Arns VICE-REITOR Almir Barros da Silva Santos Neto DIRETOR DO NTIC Leonardo Bidese de Pinho COORDENAÇÃO DE APOIO AO USUÁRIO Sandro da Silva Camargo UNIVERSIDADE FEDERAL DO PAMPA NTIC - NÚCLEO

Leia mais

Scriptlets e Formulários

Scriptlets e Formulários 2 Scriptlets e Formulários Prof. Autor: Daniel Morais dos Reis e-tec Brasil Programação Avançada Para Web Página1 Meta Permitir ao aluno aprender a criar um novo projeto Java para web no Netbeans IDE,

Leia mais

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Listas A HTML permite definir três categorias distintas de listas: Ordenadas Sem ordenação Lista de definição 2/28 Listas

Leia mais

OFICINA BLOG DAS ESCOLAS

OFICINA BLOG DAS ESCOLAS OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço

Leia mais

Síntese da aula anterior

Síntese da aula anterior Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações 1 O que vamos fazer hoje? Vamos utilizar o que aprendemos da aula anterior juntamente com Utilização de imagens

Leia mais

HyperText Markup Language HTML

HyperText Markup Language HTML HyperText Markup Language HTML Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução Linguagem de Marcação de Hipertexto. Uma

Leia mais

COMO FUNCIONA UM FORMULÁRIO

COMO FUNCIONA UM FORMULÁRIO FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,

Leia mais

DESENVOLVIMENTO DE PÁGINAS PARA INTERNET

DESENVOLVIMENTO DE PÁGINAS PARA INTERNET UNIVERSIDADE ESTADUAL DE MARINGÁ PRÓ-REITORIA DE RECURSOS HUMANOS E ASSUNTOS COMUNITÁRIOS - PRH DIRETORIA DE RECURSOS HUMANOS - DRH DIVISÃO DE TREINAMENTO E DESENVOLVIMENTO TDE DESENVOLVIMENTO DE PÁGINAS

Leia mais

Como incluir artigos:

Como incluir artigos: Como incluir artigos: O WordPress é uma ferramenta muito flexível, com muitas variações e ajustes que podem torná-lo algo muito simples e também muito sofisticado conforme os recursos que são configurados

Leia mais

APOSTILA DE INTRODUÇÃO AO HTML

APOSTILA DE INTRODUÇÃO AO HTML 1 2 Apostila de Introdução ao HTML 3 ESTA OBRA PODE SER REPRODUZIDA E DISTRIBUÍDA PARCIAL OU INTEGRALMENTE DESDE QUE CITADA A FONTE. MATERIAL COPYLEFT - VENDA PROIBIDA Todo material desenvolvido pela Coordenadoria

Leia mais