Apostila-HTML/internet.html at master · marcosvpj/Apostila-HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>WebDev</title>
	<link rel="stylesheet" href="estilo.css">
</head>
<body>
	<header id="topo">
		<a href="internet.html" title="Como funciona a Internet" class="logo">Internet</a>
	</header>
	<nav>
		<ul>
			<li><a href="#internet" title="Como funciona a Internet">Internet</a></li>
			<li><a href="#browser" title="O que são browsers">Browser</a></li>
			<li><a href="#linguagens" title="As linguas que fazem tudo funcionar">Códigos</a></li>
			<li><a href="html.html" title="Estrutura básica do HTML">HTML</a></li>
		</ul>
	</nav>
	<article>
		<hr>
		<h1 id="internet">Internet</h1>
		<hr>
		<h2>Como a Internet funciona</h2>
		<img src="imagens/how-internet-works-by-vladstudio.jpg" alt="Funcionamento da Internet" title="Foto extraida de http://vladstudio.deviantart.com/art/How-Internet-Works-128142591" class="poster">
		<hr class="quebra">
		<a href="#topo">Subir</a>

		<h2 id="browser">Browsers</h2>

		<p>
			Há uma grande diversidade de dispositivos que acessam a internet. Entre eles, há uma série de tablets, smartphones, pc's e etc. Cada um destes meios de acesso utilizam um determinado browser para navegar na web. Não há como os desenvolvedores manterem um bom nível de compatibilidade com todos estes browsers levando em consideração a particularidade de cada um. Uma maneira mais segura de manter o código compatível, é nivelar o desenvolvimento pelos motores de renderização. Cada browser utiliza um motor de renderização que é responsável pelo processamento do código da página.
		</p>
		<p>
			Abaixo, segue uma lista dos principais browsers e seus motores:
		</p>
		<table>
			<tr>
				<td class="tabela-titulo">Motor</td>
				<td class="tabela-titulo">Browser</td>
			</tr>
			<tr>
				<td class="tabela-destaque">Webkit</td>
				<td>Safari, Google Chrome</td>
			</tr>
			<tr>
				<td class="tabela-destaque">Gecko</td>
				<td>Firefox, Mozilla, Camino</td>
			</tr>
			<tr>
				<td class="tabela-destaque">Trident</td>
				<td>Internet Explorer 4 ao 9</td>
			</tr>
			<tr>
				<td class="tabela-destaque">Presto</td>
				<td>Opera 7 ao 10</td>
			</tr>
		</table>

		<hr class="quebra">
		<a href="#topo">Subir</a>

		<h2 id="linguagens">Códigos e mais códigos</h2>
		<p>Na internet são utilizadas diversas linguagenss para mandarmos o computador fazer o que queremos. Elas podem ser divididas em duas categorias:</p>

		<h3>Server side</h3>
		<p>São as linguaguens que rodam no servidor, como PHP, Ruby, ASP, entre outras.</p>
		<h3>Client side</h3>
		<p>É o que roda no cliente, no browser no usuario. Sendo bem abrangente seria o HTML, CSS e JavaScript.</p>
	</article>
	<footer>
		<section class="licenca">
			<a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.pt"><img alt="Licença Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/3.0/88x31.png" /></a><br />Este trabalho foi licenciado com uma Licença <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.pt">Creative Commons - Atribuição-NãoComercial 3.0 Não Adaptada</a>.
		</section>
	</footer>
</body>
</html>