ДЕВІД Малан: Так я робив мій власну пошукову систему, але у мене просто прийнято рішення про реструктуризацію речі під капотом. Давайте поглянемо. Тут, в HTML для цієї сторінки, повідомлення що в мене є зараз на вершині сторінки, що Видається, що це логотип, logo.gif, і Я дав йому альтернативний текст CS50 Пошук, про всяк випадок, якщо хтось не в змозі бачити, що зображення. 

Але зауважте, що я розмістив цей образ всередині DIV, і я призначений його Унікальний ідентифікатор цитатою, кінець цитати, "зверху". Нижче цього, у мене є ще один DIV якого унікальний ідентифікатор я вирішив бути "середнім" але я міг бути ідентифікації цих діви як все, що я хотів би. І всередині цього "середнього" ДИВ, помітити, що у мене є форма. Ця форма, мабуть збирається подати через HTTP GET до серверів Google наступний введення, введення якого Тип текстів і чиє ім'я д. І що станеться, як тільки користувач натиснув Enter або натискає кнопку позначені CS50 Пошук. 

Тепер в нижній частині сторінки, у мене є Третій і останній справ чиї унікальні ідентифікатор "знизу". Усередині цього У мене є згадки авторського права, в тому числі HTML сутності. Виявляється, © є HTML особа, яка представляє собою авторські права символ, для яких найбільш ймовірно у вас немає Фактичний клавішу на клавіатурі. Після цього я вже що це CS50 років. 

Тепер верхня, середня і нижня існують так що я можу однозначно ідентифікувати вершини, середня і нижня частина цій сторінці так що я можу стилізувати кожному з них трохи по-іншому. І я вже прийнято свобода робити це. До вище в моїй сторінці, у мене є стиль тег, всередині якого деякі CSS властивості. Давайте поглянемо. 

Зверніть увагу, що на вершині цій сторінці, у мене зазначено, що всі HTML тегів буде з унікальним ідентифікатором вершини як вказане цієї гострої знак перед це, має бути вирівнювання тексту: центр; як властивість. Тим часом, в середині сторінки повинні аналогічним чином по центру, але будь-який входи в середині сторінки повинні є 5 пікселів білого простору навколо них, просто щоб дати речі трохи більше місця. Тим часом, в нижній частині сторінки, Я вказав, що будь-який текст повинен бути меншим шрифтом, що вага сказав шрифт повинен бути сміливим, що Рентабельність навколо нижньої частини сторінки має бути 20 пікселів, просто щоб дати йому Трохи перепочинок а також, і що будь-який текст в ньому має бути по центру. 

Що буде чистий ефект? Що ж, давайте поглянемо в браузері. Якщо я йду сюди, щоб Chrome, вуаля. Тепер, є красивий Пошукова система.