1 html prof. esp. andrew rodrigues aula 03. ii - linguagem de marcação html 2 tabelas cria uma...

12
1 HTML Prof. Esp. Andrew Rodrigues Aula 03

Upload: marcio-azambuja-marroquim

Post on 07-Apr-2016

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

1

HTMLProf. Esp. Andrew Rodrigues

Aula 03

Page 2: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

2

II - Linguagem de Marcação HTML

Tabelas

<table></table>Cria uma tabela.

<tr></tr>Linha de uma tabela

<td></td>Célula individual numa linha.

Page 3: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

3

II - Linguagem de Marcação HTML

Atributos das Tabelas

<table border=#>Borda à volta de cada célula.

<table cellspacing=#>Espaço entre as células.

Page 4: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

4

II - Linguagem de Marcação HTML

Lista não ordenada

<ul><li>Primeiro item</li><li>Item seguinte</li>

</ul>

Page 5: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

5

Page 6: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

6

II - Linguagem de Marcação HTML

Lista ordenada

<ol><li>Primeiro item</li><li>Item seguinte</li>

</ol>

Page 7: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

7

Page 8: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

8

II - Linguagem de Marcação HTML

Lista de definições

<dl><dt>Primeiro termo</dt>

<dd>Definição</dd><dt>Termo seguinte</dt>

<dd>Definição</dd></dl>

Page 9: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

9

Page 10: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

10

II - Linguagem de Marcação HTML

Formulários

<form> </form>Define um formulário

<input type=" " >type – Tipo de dado: text, file, radio, checkbox, hidden, password, submit, reset, button, image

Page 11: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

11

II - Linguagem de Marcação HTML

Formulários

value  Texto que aparece dentro da caixa ou nome

do botão

size  Largura

Page 12: 1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha

12