ДЭВИД Малан: Так я делал мой собственную поисковую систему, но у меня просто принято решение о реструктуризации вещи под капотом. Давайте взглянем. Здесь, в HTML для этой страницы, уведомления что у меня есть сейчас на вершине страницы, что Представляется, что это логотип, logo.gif, и Я дал ему альтернативный текст CS50 Поиск, на всякий случай, если кто-то не в состоянии видеть, что изображение. 

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

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

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

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

Что будет чистый эффект? Что ж, давайте взглянем в браузере. Если я иду сюда, чтобы Chrome, вуаля. Теперь, является красивый Поисковая система.