DAVID Malan: J'ai donc été faire ma propre moteur de recherche, mais je n'ai juste décidé de restructurer les choses sous la hotte. Jetons un coup d'oeil. Ici, dans le code HTML de cette page, un avis que j'ai maintenant au sommet de la page ce qui semble être un logo, logo.gif, et Je lui ai donné un texte de remplacement de CS50 Recherche, juste au cas où quelqu'un n'est pas en mesure de voir cette image. 

Mais remarque que j'ai placé cette image l'intérieur d'un div, et j'ai attribué il un identifiant unique de entre guillemets, "top". En dessous, j'ai un autre div dont ID unique que j'ai décidé d'être «moyenne», mais je pourrais identifier ces divs comme tout ce que je voudrais. Et à l'intérieur de cette div «milieu», remarquer que j'ai une forme. Ce formulaire va apparemment à soumettre via HTTP obtenir les serveurs de Google l'entrée suivante, une entrée dont type est texte et dont le nom est q. Et cela se produira dès que la Résultats de l'utilisateur Entrée ou clique sur un bouton marqué CS50 Recherche. 

Maintenant au bas de la page, j'ai une troisième et dernière div dont uniques identifiant est "bas". A l'intérieur de cela, J'ai mention du droit d'auteur, y compris une entité HTML. Il s'avère que © est le HTML entité qui représente le droit d'auteur symbole, pour qui le plus probable vous n'avez pas un clé réelle de votre clavier. Après cela, je mentionne que c'est CS50 de. 

Maintenant haut, milieu, bas et existent pour que je peux identifier de manière unique le haut, au milieu, et le bas de page de sorte que je peux les styliser chacun un peu différemment. Et j'ai déjà pris la la liberté de le faire. Plus haut dans ma page, j'ai un style étiquette à l'intérieur qui sont un peu de CSS propriétés. Jetons un coup d'oeil. 

Notez que sommet de cette page, je n'ai précisé que quelle que soit la balise HTML serait à l'identifiant unique de haut en indiqué par ce signe dièse avant il, doit avoir text-align: centre, comme une propriété. Pendant ce temps, au milieu de la page devrait de même être centrée, mais tout entrées dans le milieu de la page devrait avoir 5 pixels d'espace blanc autour d'eux, tout simplement pour donner les choses un peu plus de place. Pendant ce temps, au bas de la page, J'ai précisé que le texte devrait être dans une police plus petite, que le poids d' ladite police doit être en gras, que l' autour de la marge inférieure de la page devrait être de 20 pixels, juste pour lui donner un peu de marge de manœuvre ainsi, et que tout texte y doit être centré. 

Qu'est-ce que ça va être l'effet net? Eh bien, nous allons jeter un coup d'oeil dans un navigateur. Si je vais là pour Chrome, voila. Maintenant que c'est un beau moteur de recherche.