DAVID Malan: Així que he estat fent la meva propi motor de cerca, però acabo de decidit reestructurar les coses sota de la caputxa. Anem a fer una ullada. Aquí al codi HTML per aquesta pàgina, previ avís que tinc ara a la part alta de la pàgina el sembla ser un logotip, logo.gif, i M'he donat un text alternatiu de CS50 recerca, per si de cas algú no és capaç de veure aquesta imatge. 

Però noto que he posat aquesta imatge dins d'un div, i he vaig assignar un identificador únic de la cita, fi de la cita, "de dalt". A sota d'això, tinc un altre div la únic ID He decidit ser "mig" però jo podria ser la identificació d'aquests divs com tot el que m'agradaria. I dins d'aquest div "mitjà", adonar que tinc un formulari. Aquesta forma pel que sembla, presentarà a través d'HTTP arribar als servidors de Google la següent entrada, una entrada el Tipus és text i el nom és q. I això passarà tan aviat com el Introduïu usuari colpeja o fa clic a un botó etiquetatge CS50 Cercar. 

Ara a la part inferior de la pàgina, no tinc una tercera i última div l'única identificador "inferior". Dins que, Tinc esment dels drets d'autor, incloent una entitat HTML. Resulta que © és l'HTML entitat que representa els drets d'autor símbol, per al qual més probable vostè no té una clau real en el seu teclat. Després d'això, esmento que és de CS50. 

Ara la part superior, mitjana i inferior existeixen per que jo pugui identificar de forma única la part superior, el centre i la part inferior d'aquesta pàgina perquè jo pugui estilitzar a cadascun un mica diferent. I jo ja he pres la la llibertat de fer-ho. Up major a la meva pàgina, tinc un estil etiqueta a l'interior de les quals són una mica de CSS propietats. Anem a fer una ullada. 

Noteu que el cim d'aquesta pàgina, he especifica que qualsevol etiqueta HTML faria amb l'identificador únic de la part superior com indicada per aquesta forta senyal abans ella, ha de tenir text-align: centre, com una propietat. Mentrestant, el centre de la pàgina ha de de manera similar com centrats, però qualsevol entrades al centre de la pàgina ha de tenir 5 píxels d'espai en blanc al voltant d'ells, simplement per donar les coses una mica més d'espai. Mentrestant, a la part inferior de la pàgina, He especificat que qualsevol text hauria de ser en una font més petita, que el pes de va dir la font ha d'estar en negreta, que l' marge al voltant de la part inferior de la pàgina ha de ser de 20 píxels, només per donar-li un mica d'espai per respirar també, i que qualsevol text ella ha d'estar centrat. 

Què serà l'efecte net? Bé, anem a fer una ullada a un navegador. Si vaig aquí a Chrome, voila. Ara que és un bon aspecte motor de cerca.