<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Conhecendo Java</title>
<link rel="stylesheet" type="text/css" href="ExercicioPratico.css">
</head>
<body>
<header>
<img id="img1" src="https://pplware.sapo.pt/wp-content/uploads/2016/01/java-pplware-720-720x450.jpg" alt="Símbolo Java com notebook ao fundo">
</header>
<div id="div1">
<h1>A História do Java</h1>
</div>
<div id="div2">
<h2>WORA-"Write once, run anywhere":Escreva uma vez execute em qualquer lugar!!!</h2>
</div>
<ul>
<li><a href="#oqj">O que é Java?</a></li>
<li><a href="#va">Variáveis</a></li>
<li><a href="#ec">Estruturas Condicionais</a></li>
<li><a href="#oo">Orientação a Objetos</a></li>
<li><a href="#jol">Java e Outras Linguagens</a></li>
<li><a href="https://www.androidpro.com.br/tutoriais-java-android/">Java e Android</a></li>
</ul>
<div id="divimg2">
<a href="https://www.jdoodle.com/online-java-compiler/"><img id="img2" src="https://miro.medium.com/max/1042/1*OIqPx0rbKyhPT8MoySVBPg.png" alt="Exemplo de código em Java"></a>
</div>
<div id="div3">
<h3 id="oqj">O que é Java?</h3>
<p>Java é uma linguagem de programação orientada a objeto desenvolvida para permitir que desenvolvedores criem uma plataforma continua. Java difere de outros paradigmas de programação—como funcional, logico e etc.—uma vez que desenvolvedores podem realizar updates ou continuar um projeto já finalizado, ao invés de recomeçar do zero. O objeto mantem seu código organizado e fácil de ser modificado quando necessário.
Originalmente desenvolvida por uma equipe de desenvolvedores liderada por James Gosling na Sun Microsystems (atualmente de propriedade da Oracle) e lançada em 1995, o Java é uma linguagem de programação orientada a objetos que atualmente faz parte do núcleo da Plataforma Java.</p>
</div>
<div id="div4">
<h4 id="va">Variáveis</h4>
<p>Uma variável é o local em que é armazenado dados temporários enquanto o programa está sendo executado, assim é possível implementar toda a lógica do programa e desenvolver o fluxo de execução.</p>
<p>Podemos dizer que no Java criar uma variável tem duas etapas, a declaração e a inicialização, essas etapas podem ocorrer de forma explícita, juntas (na mesma linha) ou separadas (em linhas diferentes), ou de forma implícita, onde é feito apenas a declaração da variável e esta recebe um valor padrão definido pelo Java.
O que define se a variável pode ou deve ser declarada de forma explícita ou implícita, é o escopo em que a variável está declarada.</p>
<p>As variáveis possuem diversos tipos. Entre eles os principais são numéricas (int,float,double),de valor lógico(boolean) e caracteres(char,string)</p>
<h4 id="ec">Estruturas condicionais</h4>
<p>Estruturas condicionais comparam valores e de acordo com essa comparação retorna um valor que pode ser verdadeiro(true) ou falso(false) e executa um comando de acordo com o resultado.</p>
<p>Encontramos como principais estruturas condicionais o 'if e else'(se e se não), 'while'(enquanto,ou faça enquanto), 'for'(para,ou para determinada condição).</p>
<p><em><strong>If</strong></em>-Uma condição booleana é qualquer expressão que retorne true ou false. Para isso, você pode usar os operadores <, >, <=, >= e outros.</p>
<p><em><strong>While</strong></em>-O while é um comando usado para fazer um laço (loop), isto é, repetir um trecho de código algumas vezes. A ideia é que esse trecho de código seja repetido enquanto uma determinada condição permanecer verdadeira.</p>
<p><em><strong>For</strong></em>-Outro comando de loop extremamente utilizado é o for. A ideia é a mesma do while: fazer um trecho de código ser repetido enquanto uma condição continuar verdadeira. Mas além disso, o for isola também um espaço para inicialização de variáveis e o modificador dessas variáveis. </p>
<h4 id="oo">Orientação a Objetos</h4>
<p>A Orientação a Objetos, ou Programação Orientada a Objetos (POO), do inglês Object-Oriented Programming (OOP), é um tipo de paradigma de análise, para a programação de sistemas no qual todos os elementos inseridos são objetos. Foi uma das tentativas de trazer a programação para um nível de linguagem mais semelhante ao cotidiano.</p>
<p>O desenvolvedor é responsável por modelar o papel desempenhado pelos objetos e a interação entre eles. Por exemplo, em um sistema desenvolvido para uma padaria, existiriam objetos do tipo "Cliente" e objetos que simulam as ações que um cliente pode realizar.</p>
</div>
<div id="table">
<h4 id="jol">JAVA E OUTRAS LINGUAGENS</h4>
<table>
<thead>
<tr>
<th>Linguagem</th>
<th>Versão</th>
<th>Aplicativos</th>
<th>Sites</th>
<th>Sistemas</th>
</tr>
</thead>
<tbody>
<tr>
<td>Java</td>
<td>JES7</td>
<td>Amplamente</td>
<td>Raramente</td>
<td>Amplamente</td>
</tr>
<tr>
<td>Pyton</td>
<td>3.8.2</td>
<td>Pouco Usado</td>
<td>Pouco Usado</td>
<td>Amplamente</td>
</tr>
<tr>
<td>C#</td>
<td>7.3</td>
<td>Amplamente</td>
<td>Pouco Usado</td>
<td>Amplamente</td>
</tr>
<tr>
<td>PHP</td>
<td>7.0.0</td>
<td>Raramente</td>
<td>Amplamente</td>
<td>Pouco Usado</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="5">Principais Linguagens de Programação e seu uso</th>
</tr>
</tfoot>
</table>
</div>
<div id="form">
<form action="/action_page.php">
<label>Conseguiu aprender um pouco sobre Java?</label><br>
<input type="radio" name="java" value="sim">SIM
<input type="radio" name="java" value="nao">NÃO<br>
<br>
E-mail: <input type="email" name="e-mail"><br><br>
<label>Sugestões</label><br>
<textarea></textarea><br>
<input type="submit" value="ENVIAR">
<input type="submit" value="CANCELAR">
</form>
</div>
</body>
</html>
table, th, td{
border:solid 1px black;
margin: 5px;
text-align: center;
width: 500px;
height: 30px;
}
#table{
background-color: #F0F8FF;
border-bottom: solid 2px;
padding: 5px;
margin-bottom: 10px;
}
#form{
background-color: #F0F8FF;
border-style: solid;
border-bottom: 0px;
padding: 5px;
}
#img1{
width: 100%;
height: 400px;
}
#img2{
border: 3px solid green;
width: 50%;
margin: 0 20px;
float: left;
}
#div1{
margin: 0;
size: 100%;
background-color: #006400;
color: #fff;
}
#div2{
font-size: 20px;
text-align: center;
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
padding: solid 2px;
color: #16f716;
}
#div3{
font-size: 20px;
color: #2c7a0d;
width: 40%;
float: right;
}
#div4{
font-size: 25px;
color: #808080;
padding-bottom: 10px;
}
