1
00:00:00,000 --> 00:00:02,730
>> SPEAKER: Então, eu tenho trabalhado em fazer
meu próprio motor de busca, e

2
00:00:02,730 --> 00:00:03,790
se parece com isso.

3
00:00:03,790 --> 00:00:07,990
Em busca-1.html, eu tenho um título
para esta página, CS50 Search.

4
00:00:07,990 --> 00:00:11,570
Eu tenho um formulário HTML dentro do qual
parece ser uma entrada, cujo tipo é

5
00:00:11,570 --> 00:00:14,970
"Text", e uma outra entrada
cujo tipo é "enviar".

6
00:00:14,970 --> 00:00:17,130
>> Eu não gosto muito da estética
desta página agora.

7
00:00:17,130 --> 00:00:20,360
Eu prefiro o meu motor de busca, em
menos, a ser centrado no meio de

8
00:00:20,360 --> 00:00:24,300
a página, muito parecido com o real
google.com, ou mais qualquer motor de busca.

9
00:00:24,300 --> 00:00:25,230
Bem, como fazer isso?

10
00:00:25,230 --> 00:00:29,130
>> Bem, eu posso aproveitar algumas CSS, ou
folhas de estilo em cascata, de forma a

11
00:00:29,130 --> 00:00:32,770
estilizar meu HTML um pouco
mordeu com mais precisão.

12
00:00:32,770 --> 00:00:34,590
Vamos dar uma olhada.

13
00:00:34,590 --> 00:00:39,760
Aqui, em busca-1.html, perceber que eu
de fato ter o HTML que eu previ

14
00:00:39,760 --> 00:00:42,270
deve estar subjacente a web
página que acabamos de ver.

15
00:00:42,270 --> 00:00:46,250
>> Eu estou indo para ir para a tag body
aqui, e eu estou indo para adicionar um

16
00:00:46,250 --> 00:00:50,960
atributo chamado "estilo". Depois disso,
Eu estou indo para fornecer um valor em dobro

17
00:00:50,960 --> 00:00:56,660
citações do seguinte texto, hífen,
alinhar, cólon, centro, ponto e vírgula.

18
00:00:56,660 --> 00:01:00,050
Embora, tecnicamente, que é ponto e vírgula
opcional, se eu só tenho um desses

19
00:01:00,050 --> 00:01:01,510
propriedade e valor.

20
00:01:01,510 --> 00:01:04,660
>> Vamos salvar o arquivo agora, recarregue o
página no navegador e veja

21
00:01:04,660 --> 00:01:05,930
qual é o efeito.

22
00:01:05,930 --> 00:01:08,490
Voltar aqui no meu navegador,
deixe-me clique reload.

23
00:01:08,490 --> 00:01:11,310
E agora temos uma bela
motor de busca centrada.

24
00:01:11,310 --> 00:01:13,664