-
Notifications
You must be signed in to change notification settings - Fork 0
/
site_html.html
111 lines (109 loc) · 5.23 KB
/
site_html.html
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<title>Meu site HTML</title> <style> body { background-color: rgb(148, 138, 138); margin: 0; }
#rcorners2 {
border-radius: 30px;
border: 2px solid #ff5100;
padding: 10px;
}
h1 {
font-family:Georgia, 'Times New Roman', Times, serif;
color:rgb(255, 255, 255);
text-align: center;
}
p {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 20px;
}
main {
padding: 20px;
text-align:center;
}
h3 {
font-family:Georgia, 'Times New Roman', Times, serif;
}
</style>
</head>
<header> <center> <section style="display: flex;"> </section> <section style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);">
<h1> HTML <sup>Linguagem de Marcação de Hipertexto</sup></h1>
<h3> Tutorial para Iniciantes </center> </h3> </section>
</header> <section style="display: flex;"> </section> <section style="color: rgb(39, 115, 201); background-color: rgb(148, 138, 138);">
<li> <a href="site_html.html">Topo</a>
<li> <a href= "site_html.html#Tabelas">listas </a> </li>
<li> <a href= "site_html.html#Perguntas">Perguntas </a> </a> </li> </section>
<section style="margin-bottom: 40px;">
<p id="rcorners2">
<img src="https://www.alura.com.br/artigos/assets/html-css-js/imagem-1.png" align="left" width="50" border="0" title="Logo HTML" />
<strong><ins>HTML</ins></strong><i> (Linguagem de Marcação de HiperTexto)</i>
é o bloco de construção mais básico da web.
Isso quer dizer que ele permite a construção de websites
e a inserção de novos conteúdos, como imagens e vídeos, por meio dos hipertextos.
</p>
</section>
<hr>
<section style="display: flex;">
<section id="Tabelas" style="color: rgb(255, 0, 0);float: left; width: 50%; background-color: rgb(71, 71, 184);">
<p>
<table style="color: #fff;border: 1px solid blueviolet;" border="1">
<thead>
<caption>Tabela de TAGs HTML</caption>
<tr>
<th colspan="2">Tabela de TAGs HTML</th>
</tr>
<tr>
<th>Tag HTML</th>
<th>Para que Serve</th>
</tr>
</thead>
<tbody >
<tr>
<td>HTML</td>
<td>define um documentos HTML</td>
</tr>
<tr>
<td>HEAD</td>
<td>Define a área de configuração de um documento HTML</td>
</tr>
<td>BODY</td>
<td>Define a área de conteúdo de um documentos HTML</td>
</tr>
<tr>
<td>A</td>
<td>Tag de link (ancoragem) em elementos dentro de um doc HTML</td>
</tr>
<tr>
<td>IMG</td>
<td>Define uma imagem dentro de um doc HTML</td>
</tr>
<tr>
<td>Div</td>
<td>Elemento que divide e organiza conteúdos dentro de um doc HTML</td>
</tr>
</tbody>
</table>
</p>
</section>
<section style="float: right; width: 50%; color: white; background-color: rgb(9, 44, 104);">
<p>
<ol type="">
<h3>Top 5 protocolos</h3>
<li>HTTP - HyperText Transfer Protocol</li>
<li>FTP - File Transfer Protocol</li>
<li>POP - Post Office Protocol</li>
<li>SMTP - Simple Mail Transfer Protocol</li>
<li>IMAP - Internet Messaging Access Protocol</li>
</ol> </tr>
<ul>
<li>HTTP - HyperText Transfer Protocol</li>
<li>FTP - File Transfer Protocol</li>
<li>POP - Post Office Protocol</li>
<li>SMTP - Simple Mail Transfer Protocol</li>
<li>IMAP - Internet Message Access Protocol </li>
</ul>
</section>
</section>
<section id="Perguntas" style= "display: flex; height:200px;">
<table> <section style="float: right; width: 50%; color: white ; width: 33.33%; background-color: hwb(254 0% 0%);"> <b> O que é CSS? </b> <p> Cascading Style Sheets (CSS) é um mecanismo para adicionar estilos a uma página web, aplicado diretamente nas tags HTML ou ficar contido dentro das tags style . Também é possível, adicionar estilos adicionando um link para um arquivo CSS que contém os estilos. </p></section>
<section style= "width: 33.33%; background-color: rgb(20, 7, 158);"> <b> O que e javascript </b> <p> JavaScript é uma linguagem de programação interpretada estruturada, de script em alto nível com tipagem dinâmica fraca e multiparadigma Juntamente com HTML e CSS, o JavaScript é uma das três principais tecnologias da World Wide Web</p> </section>
<section style= "width: 33.33%; background-color: rgb(21, 91, 109);"> <b> Onde aprender? </b> <p> Diversos cursos na internet oferecem suporte para aprender programação, desde HTML até C#, apenas mudará a dificuldade de linguagem para linguagem </p></section>
</section> <input type="submit" value="Próxima pagina"> </Form>
</div>
</body>