Дэвід Малан: Так я рабіў мой ўласную пошукавую сістэму, але ў мяне проста прынята рашэнне аб рэструктурызацыі рэчы пад капотам. Давайце зірнем. Тут, у HTML для гэтай старонкі, паведамлення што ў мяне ёсць зараз на вяршыні старонкі, што Уяўляецца, што гэта лагатып, logo.gif, і Я даў яму альтэрнатыўны тэкст CS50 Пошук, на ўсялякі выпадак, калі хтосьці не ў стане бачыць, што малюнак. 

Але заўважце, што я размясціў гэты вобраз ўнутры DIV, і я прызначаны яго Унікальны ідэнтыфікатар цытатай, канец цытаты, "зверху". Ніжэй гэтага, у мяне ёсць яшчэ адзін DIV якога унікальны ідэнтыфікатар я вырашыў быць "сярэднім" але я мог быць ідэнтыфікацыі гэтых дзівы як усё, што я хацеў бы. І ўнутры гэтага "сярэдняга" дзіваў, заўважыць, што ў мяне ёсць форма. Гэтая форма, па-відаць збіраецца падаць праз HTTP GET да сервераў Google наступны ўвод, увод якога Тып тэкстаў і чыё імя в І што адбудзецца, як толькі карыстач націснуў Enter або націскае кнопку пазначаныя CS50 Пошук. 

Цяпер у ніжняй частцы старонкі, у мяне ёсць Трэці і апошні спраў чые унікальныя ідэнтыфікатар "знізу". Унутры гэтага У мяне ёсць згадкі аўтарскага права, у тым ліку HTML сутнасці. Аказваецца, © з'яўляецца HTML твар, якое ўяўляе сабой аўтарскія правы сімвал, для якіх найбольш верагодна у вас няма Фактычны клавішу на клавіятуры. Пасля гэтага я ўжо што гэта CS50 гадоў. 

Цяпер верхняя, сярэдняя і ніжняя існуюць так што я магу адназначна ідэнтыфікаваць вяршыні, сярэдняя і ніжняя частка гэтай старонцы так што я магу стылізаваць кожнаму з іх крыху па-іншаму. І я ўжо прынята свабода рабіць гэта. Да вышэй у маёй старонцы, у мяне ёсць стыль тэг, ўнутры якога некаторыя CSS ўласцівасці. Давайце зірнем. 

Звярніце ўвагу, што на вяршыні гэтай старонцы, у мяне паказана, што ўсе HTML тэгаў будзе з унікальным ідэнтыфікатарам вяршыні як азначанае гэтай вострай знак перад гэта, павінна быць выраўноўвання тэксту: цэнтр; як ўласцівасць. Між тым, у сярэдзіне старонкі павінны аналагічнай выявай па цэнтры, але любы ўваходы ў сярэдзіне старонкі павінны ёсць 5 пікселяў белага прасторы вакол іх, проста каб даць рэчы крыху больш месца. Між тым, у ніжняй частцы старонкі, Я паказаў, што любы тэкст мусіць быць меншым шрыфтам, што вага сказаў шрыфт павінен быць адважным, што Рэнтабельнасць вакол ніжняй частцы старонкі павінна быць 20 пікселяў, проста каб даць яму Трохі перадышку а таксама, і што любы тэкст у ім павінна быць па цэнтры. 

Што будзе чысты эфект? Што ж, давайце зірнем у браўзэры. Калі я іду сюды, каб Chrome, вуаля. Цяпер, з'яўляецца прыгожы Пошукавая сістэма.