Aula2 Programação

•

IFSULDEMINAS

Lucas Araújo Almeida Lucao

14.07.2020

Teste o Premium para desbloquear

Aproveite todos os benefícios por 3 dias sem pagar! 😉

Já tem cadastro?

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

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Linguagem de Programação II

1.951 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

Programação II
Professora Roberta Bonamichi Guidi Garcia
roberta.garcia@ifsuldeminas.edu.br
	HTML – Atributos da tag <body>
		 Background – imagem de fundo da página 
	 Text – cor do texto da página
	 Link – cor dos links
	 Alink – cor dos links clicados
	 Vlink – cor dos links visitados
	 Bgcolor – cor de fundo da página
	 Exemplos:
	<body bgcolor=”red” text=”white” link=”black”>
	
	
	HTML – editor html e browser
		 Digitar as tags em um editor como bloco de notas, notepad++, etc
	 Para salvar, escolha a opção Salvar Como → mudar o tipo de arquivo para todos os arquivos e nomear seu documento com a extensão .htm ou .html
	A página inicial de um site geralmente é salva com o nome index.html
	Utilizar um navegador para visualizar a página criada, por exemplo Google Chrome
	
	
	HTML – Parágrafos e seus argumentos
		 Align: atributo de alinhamento 
	Valores de Align: Right (direita), Center (centro), Left (esquerda)
	Exemplo:
	<p align = “center”> parágrafo alinhado ao centro </p>
	Atributo da tag <font> :
	Color:<font color=”cor”> texto na cor selecionada </font>
	Face:<font face=”tipo da fonte”> texto na fonte selecionada</font>
	Size:<font size=”tamanho”> texto no tamanho selecionado </font>
	Para quebrar o texto ou pular linhas pode-se usar a tag <br>
	
	
	HTML – Formatações de textos
		 <B> </B> - texto em negrito 
	 <I> </I> - texto em itálico
	<U> </U> - texto sublinhado
	<SUB> </SUB> - texto subscrito
	<SUP> </SUP> - texto sobrescrito
	Exemplo:
	<p align = “center”><i> <b>parágrafo alinhado ao centro </b></i></p> 
	
	
	HTML – Formatações de textos
	
	<MARQUEE> </MARQUEE> - movimenta o texto
	Atributos da tag <marquee> - 
	<marquee behavior="alternate"> 
	<marquee behavior="slide">
	<marquee behavior="scroll">
	<marquee scrollamount="10"> - velocidade do conteúdo
	<marquee direction="down"> desliza o texto para baixo
	<marquee direction="left"> desliza o texto para a esquerda
	<marquee direction="right"> desliza o texto para a direita
	<marquee direction="up"> desliza o texto para cima
	
	
	
	
	HTML - Link
		 Link: páginas .html são ligadas à outras páginas .html através do conceito de hiperlinks (referências URLs), o que torna seu site mais dinâmico
	Exemplo:
	<a href = “exemplo.html”> texto </a> 
	
	
	HTML - Listas
		 <ul> </ul> - tag utilizada para criar listas não ordenadas 
	Exemplo:
		<ul>
	 <li> item 1 </li>
	 <li> item 2 </li>
	<li> item 3 </li>
	</ul>
	
	
	
	HTML - Listas
		 <ol> </ol> - tag utilizada para criar listas ordenadas 
	Exemplo:
		<ol type=”A”>
	 <li> item 1 </li>
	 <li> item 2 </li>
	<li> item 3 </li>
	</ol>
	
	
	
Referências
	
G553p Glazar, Jean Eduardo
 Programação para web : Curso técnico em informática / Jean Eduardo Glazar. – Colatina: IFES, 2011. 102 p. : il. 
 
 ISBN: 978-85-62934-37-7 1. PHP (Linguagem de programação de computador). 2. Banco de dados. 3. Sites da Web – Desenvolvimento. I. Glazar, Jean Eduardo. II. Instituto Federal do Espírito Santo. III. Título. 
http://www.maikbasso.com.br/2012/03/efeito-de-movimento-com-marquee.html
 acesso em: 19/02/2020 às 8:29 h
https://developer.mozilla.org/pt-BR/docs/Web/CSS/font-weight
 acesso em: 19/02/2020 às 8:38 h
https://canaltech.com.br/entretenimento/qual-a-diferenca-entre-internet-e-world-wide-web/
https://canaltech.com.br/entretenimento/qual-a-diferenca-entre-internet-e-world-wide-web/