1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> DAVID MALAN: Så jag har jobbat
om sökmotorn

3
00:00:01,970 --> 00:00:03,480
som ser ut så här.

4
00:00:03,480 --> 00:00:07,580
Jag verkar ha en titel som heter CS50
Sök, under vilket är ett HTML-formulär,

5
00:00:07,580 --> 00:00:10,430
inuti vilken är en ingång vars
typ är text och en annan ingång

6
00:00:10,430 --> 00:00:12,260
vars typ är in.

7
00:00:12,260 --> 00:00:15,400
Låt oss nu ta en titt på den underliggande
källkoden för den här sidan.

8
00:00:15,400 --> 00:00:20,180
>> Här i jakt-2.html, märker att jag
faktiskt har en titel i form av

9
00:00:20,180 --> 00:00:23,260
huvudet liksom i kroppen
med en H1-tagg runt den.

10
00:00:23,260 --> 00:00:26,490
Jag har ett HTML-formulär, och
då dessa två ingångar.

11
00:00:26,490 --> 00:00:30,650
Men varsel, särskilt på kroppen
tag, som jag har förklarat en stil

12
00:00:30,650 --> 00:00:35,770
attribut vars värde är text-align:
center, och på så sätt ange att alla

13
00:00:35,770 --> 00:00:38,390
text på denna sida måste vara
inriktade i mitten.

14
00:00:38,390 --> 00:00:41,700
>> Nu fungerar perfekt på rätt sätt,
men det är lite slarvigt.

15
00:00:41,700 --> 00:00:43,900
Du kan inte riktigt säga så mycket
eftersom denna sida är ganska

16
00:00:43,900 --> 00:00:44,960
liten för tillfället.

17
00:00:44,960 --> 00:00:47,520
Men tänk om den här sidan fick
längre och längre och

18
00:00:47,520 --> 00:00:49,180
längre och mer komplexa.

19
00:00:49,180 --> 00:00:53,960
>> Lägg märke till att mönstret jag har antagit
här är att blandas mina estetik

20
00:00:53,960 --> 00:00:57,380
med strukturen på sidan
med hjälp av stilattribut.

21
00:00:57,380 --> 00:01:00,540
Lång historia kort, detta är inte den bästa
konstruktion, säkert som dina sidor växer

22
00:01:00,540 --> 00:01:02,010
mer komplex.

23
00:01:02,010 --> 00:01:05,830
Bättre konstruktion skulle vara att faktorn ut
som stilisering och lägga den någonstans

24
00:01:05,830 --> 00:01:09,730
central, till exempel inte i en stil
attribut men i en stil tagg,

25
00:01:09,730 --> 00:01:13,310
speciellt en stil tagg inuti
min sida huvud tag.

26
00:01:13,310 --> 00:01:14,830
Låt oss göra just det.

27
00:01:14,830 --> 00:01:18,160
>> Först ska vi gå in här och ta bort
denna stil skriver helt och hållet.

28
00:01:18,160 --> 00:01:22,420
Sedan tillbaka upp i min sida huvud, låt oss
förklara en stil tagg och stänga den på

29
00:01:22,420 --> 00:01:24,620
Samtidigt, så jag gör inte
glömmer att senare.

30
00:01:24,620 --> 00:01:28,120
Och sedan ska vi ange att kroppen
på denna sida måste ha en CSS

31
00:01:28,120 --> 00:01:32,040
egenskapen av text-align är centrum.

32
00:01:32,040 --> 00:01:35,320
Låt oss nu spara den här sidan, ladda om
browser, och se vad effekten är.

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> Omlastning i min webbläsare -

35
00:01:40,510 --> 00:01:41,570
ingen effekt alls.

36
00:01:41,570 --> 00:01:43,110
Men ingen effekt var avsett.

37
00:01:43,110 --> 00:01:45,150
Vi är helt enkelt bättre
denna sidas utformning.

38
00:01:45,150 --> 00:01:47,606