HTML

FERRAMENTAS DE
DESENVOLVIMENTO WEB
APLICAÇÕES WEB
CÓDIGOS DA EXPLICAÇÃO
1) <h1>...<h6> e <hr>
1) Listas
2) Quebra de Linha
3) Links
4) Imagens
5) Links para mesma Página

6) <!DOCTYPE html>
7) <html lang="en">
8) <head>
9) <meta charset="UTF-8">
10) <meta http-equiv="X-UA-Compatible" content="IE=edge">
11) <meta name="viewport" content="width=device-width, initial-scale=1.0">
12) <title>Links Internos</title>
13) </head>
14) <body>
15) <h1 id="l5">Menu</h1>
16) <ul>
17) <li><a href="#l1" >Item 1</li></a></li>
18) <li><a href="#l2">Item 2</a></li>
21) <li><a href="listas.html">Listas</a></li>
22)
23) </ul>
24)
25) <h3 id="l1">Item 1</h3>
26) <p>
27) Ao contrário da crença popular, Lorem Ipsum não é simplesmente um texto aleatório.
Tem raízes em uma peça da literatura latina clássica de 45 aC, com mais de 2000 anos.
Richard McClintock, professor de latim no Hampden-Sydney College, na Virgínia,
pesquisou uma das palavras latinas mais obscuras, consectetur, de uma passagem de Lorem
Ipsum, e percorrendo as citações da palavra na literatura clássica, descobriu a fonte
indubitável. Lorem Ipsum vem das seções 1.10.32 e 1.10.33 de "de Finibus Bonorum et
Malorum" (Os Extremos do Bem e do Mal) de Cícero, escrito em 45 aC. Este livro é um
tratado sobre a teoria da ética, muito popular durante o Renascimento. A primeira linha
de Lorem Ipsum, "Lorem ipsum dolor sit amet..", vem de uma linha na seção 1.10.32.
28) </p>
29) <a href="#l5">Topo</a>
30) <h3 id="l2">Item 2</h3>
31) <p>
33) </p>
35) <h3 id="l3">Item 3</h3>
36) <p>
38) </p>
40) <h3 id="l4">Item 4</h3>
41) <p>
43) </p>
45) </body>
46) </html>
7) Tabelas
8)Tabelas com mesclagem
9) Formulários
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="" method="POST">
<fieldset>FORMULÁRIO Tipos de Inputs

</br>
</br>
<label for="nome"> Nome: </label>
<input type="text" name="nome" placeholder="Digite seu nome" size="50"
maxlength="50">
</br>
</br>
</br>
<label for="senha"> Senha: </label>

<input type="password" name="senha" value="" size="20" maxlength="8">
</br>
</br>
</br>
<fieldset>
<label for="linguagem">Linguagem que tem Interesse</label>
</br>
</br>
<input type="checkbox" name="" value="cbuilder"> C++
<input type="checkbox" name="" value="php" checked >PHP
<input type="checkbox" name="" value="delphi">Delphi</br></br>
<input type="checkbox" name="" value="vb">Visual Basic
<input type="checkbox" name="" value="asm">Assembly
<input type="checkbox" name="" value="java"> java

</fieldset>
<fieldset>
<label for="linguagemescolhida">Linguagem que irá cursar agora</label>
</br>
</br>

<input type="radio" name="" value="cbuilder">C++
<input type="radio" name=”" value="php" checked >PHP
<input type="radio" name="" value="delphi">Delphi</br></br>
<input type="radio" name="" value="vb">Visual Basic
<input type="radio" name="" value="asm">Assembly
<input type="radio" name="" value="java">Java

</fieldset>
<fieldset>
<label for="linguagemdomina">Linguagem que já domina</label>
</br>
</br>
<select name="D1" size = "10" multiple>
<option value="bcb">C++Builder</option>
<option selected value="php">PHP</option>
<option value="delphi">Delphi</option>
<option value="vb">Visual Vasic</option>
<option value="asm">Assembly</option>
<option value="java">Java</option>
</select>
</fieldset>
<fieldset>
<label for="curso">Cursos que já fez na Escola</label>
</br>
</br>
<select name="cursos">
<option value="bcb">C++Builder</option>
<option selected value="php">PHP</option>
<option value="delphi">Delphi</option>
<option value="vb">Visual Vasic</option>
<option value="asm">Assembly</option>
<option value="java">Java</option>
</select>
</fieldset>
<label for="mensagem">Mensagem:</label>
</br>
</br>
<textarea name="opiniao" rows="5" cols="40">Digite aqui sua msg...</textarea>
</br>
</br>
<input name="Submit" type="submit" id="Submit" value="Enviar">

</fieldset>
</form>
</body>
</html>

HTML

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

HTML

Enviado por

Direitos autorais:

Formatos disponíveis

FERRAMENTAS DE

5) Links para mesma Página

<fieldset>FORMULÁRIO Tipos de Inputs

<label for="senha"> Senha: </label>

<input type="checkbox" name="" value="php" checked >PHP

<input type="checkbox" name="" value="delphi">Delphi</br></br>

<input type="checkbox" name="" value="vb">Visual Basic

<input type="checkbox" name="" value="asm">Assembly

<input type="checkbox" name="" value="java"> java

<input type="radio" name=”" value="php" checked >PHP

<input type="radio" name="" value="delphi">Delphi</br></br>

<input type="radio" name="" value="vb">Visual Basic

<input type="radio" name="" value="asm">Assembly

<input type="radio" name="" value="java">Java

<input name="Submit" type="submit" id="Submit" value="Enviar">

Você também pode gostar