Programação
Estrutura da Página
Para programar a estrura da página precisamos dizer algumas coisas como idioma da
escrita, titulo da página, versão do html vai ser usada, e o título e corpo do texto
página
veja os commandos para iniciar uma página em html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title> Aqui se coloca o titulo da Página</title>
<head>
<body>
<h1>Aqui se coloca o titulo do texto da página</h1>
<p>Aqui se coloca o conteúdo do primeiro parágrafo </p>
</body>
onde
<DOCTYPE> indicar ao navegador qual linguagem usada
<html lang="pt-br">, que delimita o documento e idioma protuguês Brasil
<head>, que define o cabeçalho do documento
<meta chaset="UTF-8">, defina os caracteres a ser usados
<title>, define o título da página
<body>, define o conteúdo visual da página
<h1>, head1, titulo do texto da página
<p>, Parágrafo do texto da página
para fazermos uma tabela prercisamos usar os seguintes comando
<table>
<th colspan="3">Titulo da minha tabela </th>
<tr>
<td>Celula 11 </td> <td>celula 12</td><td>celula 13</td>
</tr>
<td>Celula 21</td> <td>celula 22</td><td>celula 23</td>
</table >
| Titulo da minha tabela |
| Celula 11 | celula 12 | celula 13 |
Celula 21 | celula 22 | celula 23 |
<table> define a estrutura de uma tabela
<th coslpan="3"> table head linha de cabeçalho da tabela, mescla 3 células de uma linha
<tr> table row cria se uma linha da tabela
<td> table date cria se uma célula na tabela
<align="center"> posiciona a tabela ao centro da página
Caso precise de mudar de linha
<br> break row quebra a linha ou melhor, pula para
próxima linha,
outros comando que podemos precisar
te dá mais espaço entre duas palavras ou vale como um tab,
<b>texto em negrito<b>
<i>texto itálico<i>
<u>texto sublinhado<u>
<s>marcelo</s>
Ao abrir o p5.js vamos nos deparar com uma página pré-pronta basta mudar en para pt-br na linha 2 e excluir o conteudo
<script src="sketch.js"></script > da linha 16
e acrescentar <h1> titulo da sua página </h1> e
<p> titulo da sua página </p> nas linhas 16 e 17
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <script src="https://cdn.jsdelivr.net/npm/p5@1.11.11/lib/p5.js"></script>
5 <script src="https://cdn.jsdelivr.net/npm/p5@1.11.11/lib/addons/p5.sound.min.js"></script>
6
7
8
9 <link rel="stylesheet" type="text/css" href="style.css">
10 <meta charset="utf-8" />
11
12 </head>
13 <body>
14 <main>
15 </main>
16 <script src="sketch.js"></script >
17 </body>
18 </html>
ficando assim
1 <!DOCTYPE html>
2 <html lang="pt-br">
3 <head>
4 <script src="https://cdn.jsdelivr.net/npm/p5@1.11.11/lib/p5.js"></script>
5 <script src="https://cdn.jsdelivr.net/npm/p5@1.11.11/lib/addons/p5.sound.min.js"></script>
6
7
8
9 <link rel="stylesheet" type="text/css" href="style.css">
10 <meta charset="utf-8" />
11
12 </head>
13 <body>
14 <main>
15 </main>
16 <h1> titulo da sua página </h1>
17 <p> insira aqui seu texto </p>
18 </body>
19 </html>