Análise e Desenvolvimento de Sistemas – Aula 27/08/18

Revisão

Listas

<ul> lista não ordenada
<dl> lista de definição <dt> título da lista <dd> dado de definição
<ol> lista ordenada
<li> ítem da lista

<marquee behavior=scroll>
Venha para nossa festa!
</marquee>


Tabela

Exercício 1

<html>
<head>
<title>Tabelas</title>
</head>
<body>

<h1>Tabela de Disciplinas</h1>
<table border=2>
<tr>
<th colspan=3>Disciplinas</th>

</tr>

<tr>
<th>Nome</th>
<th>Professor</th>
<th>Nota</th>
</tr>

<tr>
<td>ADS</td>
<td>Kleber</td>
<td>9</td>
</tr>

<tr>
<td>PW1</td>
<td>Valério</td>
<td>8</td>
</tr>

<tr>
<td>Redes</td>
<td>Vinícius</td>
<td>10</td>
</tr>

</table>

</body>
</html>
Exercício 2



<html>
	<head>
		<title>Tabelas</title>
	</head>
<body>

		<h1>Tabela de Motos</h1>
		<table border=1>
		<tr>
			<th colspan=3>Moto</th>
			
		</tr>

		<tr>
			<th>Nome</th>
			<th>Foto</th>
			<th>Marca</th>
		</tr>

		<tr>
			<td>CB600</td>
			<td><img src="cb600.jpg"></td>
			<td><a href="https://www.honda.com.br/">Honda</a></td>
		</tr>

		<tr>
			<td>XJ600</td>
			<td><img src="xj600.jpg"</td>
			<td><a href="https://www.yamaha-motor.com.br/">Yamaha</a></td>
		</tr>
		</table>

</body>
</html>

Linhas
<tr>
Colunas
<td> Cabeçalho
<th> Dado


Formulário

Exercício 3

<html>
  <head>
	<title>Formulário de Cadastro</title>
  </head>
  <body bgcolor=pink>
	<h1 align="center" color="white">Cadastro de Funcion&aacute;rios</h1>
		<form action="a" method="post">
		Codigo: <input type="text" name="codigo"><br><br> 
  		Nome: <input type="text" name="nome"><br><br>
		Senha: <input type="password" name="senha"><br><br>
 		Sexo: <input type="radio" name="sexo">Masculino <input type="radio" name="sexo">Feminino<br><br>
		Idade: <input type="number" name="idade"><br><br>
		Cartão de Crédito: <br>
		<select name="cartao" size="3">
			<option value="master">Master</option>
			<option value="visa">Visa</option>
			<option value="american">American Express</option>
			<option value="nubank">NuBank</option>
		</select><br><br>
		Dados Pessoais:<br>
		<input type=checkbox name=fumante>Fumante<br>
		<input type=checkbox name=bebida>Consome bebida alcoolica<br>
		<input type=checkbox name=exercícios>Pratica Exercícios<br><br>
<input type="submit" name="submit" value="Inserir">
</form>

</body>
</html>