DAVID MALAN: Então, eu tenho vindo a fazer o meu próprio motor de busca, mas eu tenho apenas decidiu reestruturar as coisas debaixo do capô. Vamos dar uma olhada. Aqui no HTML para esta página, aviso que eu tenho agora no topo da página que parece ser um logotipo, logo.gif, e Eu dei-lhe um texto alternativo de CS50 pesquisa, apenas no caso de alguém não é capaz de ver a imagem. 

Mas note que Eu coloquei essa imagem dentro de uma div, e eu tenho que lhe é atribuído uma identificação única de citação, fecha aspas, "top". Abaixo disso, eu tenho uma outra div cujo ID único que eu decidi ser "meio", mas eu poderia ser a identificação desses divs como qualquer coisa que eu gostaria. E dentro deste div "meio", perceber que eu tenho um formulário. Essa forma é, aparentemente, vai apresentar via HTTP chegar aos servidores do Google a seguinte entrada, uma entrada cuja tipo é texto e cujo nome é q. E isso vai acontecer tão logo o acessos de usuários Enter ou clicar em um botão rotulado CS50 Search. 

Agora, na parte inferior da página, eu tenho uma terceira e última div cuja única identificador é "inferior". Dentro desta, Tenho menção de direitos autorais, incluindo uma entidade HTML. Acontece que © é o HTML entidade que representa o copyright símbolo, para o qual muito provavelmente você não tem uma chave real em seu teclado. Depois disso, menciono que é do CS50. 

Agora superior, central e inferior existem para que eu possa identificar o topo, o meio eo fim da página para que eu possa estilizar cada um deles uma pouco diferente. E eu já deu o liberdade de fazer isso. Up maior em minha página, eu tenho um estilo tag dentro do qual são alguns CSS propriedades. Vamos dar uma olhada. 

Observe que no topo desta página, eu tenho especificou que qualquer que seja HTML tag faria com o identificador exclusivo de topo como indicado por esse sinal afiada antes isso, deve ter text-align: centro, como uma propriedade. Enquanto isso, o meio da página deveria similarmente ser centrado, mas nenhuma insumos no meio da página deveria tem 5 pixels de espaço em branco ao seu redor, simplesmente para dar as coisas um pouco mais de espaço. Entretanto, na parte inferior da página, Eu especifiquei que qualquer texto deve ser em uma fonte menor, que o peso de disse fonte deve ser ousado, que o margem em torno da parte inferior da página deve ser de 20 pixels, apenas para dar-lhe um pouco de espaço para respirar bem como, e de que qualquer texto nele deve ser centrado. 

Qual vai ser o efeito líquido? Bem, vamos dar uma olhada em um navegador. Se eu for aqui para Chrome, voila. Agora que é uma boa aparência motor de busca.