DAVID מלאן: אז אני כבר עושה את שלי מנוע חיפוש עצמו, אבל יש לי רק החליט לבנות מחדש את הדברים מתחת למכסת המנוע. בואו נסתכל. כאן ב-HTML לדף, הודעה זו שיש לי עכשיו בראש הדף מה נראה לוגו, logo.gif, ו נתתי לו טקסט חלופי של חיפוש CS50, רק למקרה שמישהו לא מסוגל לראות את תמונה. 

אבל שם לב שאני מיקמתי תמונה ש בתוך div, ואני כבר הוקצה זה מזהה ייחודי של הצעת מחיר, סוף ציטוט, "עליון". מתחת לזה, יש לי div אחר ש זיהוי ייחודי החלטתי להיות "באמצע", אבל אני יכול להיות זיהוי אלמנטים מהסוג div אלה כמו כל דבר שאני רוצה. ובתוך div "באמצע" זה, שם לב שיש לי טופס. טופס שכנראה הולך להגיש דרך HTTP להגיע לשרתי גוגל הקלט הבא, אשר קלט סוג הוא טקסט וששם הוא q. וזה יקרה בהקדם להיטי משתמשים הזן או לוחץ על כפתור חיפוש CS50 שכותרתו. 

עכשיו בחלק התחתון של הדף, יש לי div שלישי והאחרון שלו ייחודי מזהה הוא "תחתון". בתוך כך, יש לי אזכור של זכויות יוצרים, כולל ישות HTML. מתברר ש© הוא HTML ישות המייצגת את זכויות היוצרים סמל, שעבורו סביר ביותר אין לך מפתח בפועל במקלדת. אחרי זה, אני מזכיר שזה CS50 של. 

עכשיו למעלה, באמצע, ובתחתית קיימות כל כך שאני יכול לזהות באופן ייחודי לפסגה, באמצע, והחלק התחתון של דף זה כך שאני יכול לסגנן אותם בכל קצת אחר. וכבר נלקחו חירות לעשות את זה. גבוה יותר בדף שלי, יש לי סגנון תג בתוכה כמה CSS מאפיינים. בואו נסתכל. 

שים לב שעל גבי דף זה, יש לי צוין שכל מה שHTML התג היית עם המזהה הייחודי של למעלה כמו שצוין על ידי שסימן חד לפני זה, צריך להיות לי יישור טקסט: מרכז; כנכס. בינתיים, צריך אמצע הדף באופן דומה להיות מרוכז, אבל כל תשומות באמצע הדף צריך יש 5 פיקסלים של שטח לבן סביבם, פשוט לתת לי דברים חדר קצת יותר. בינתיים, בחלק התחתון של הדף, אני כבר צוין שכל טקסט צריך להיות בגופן קטן יותר, שמשקלם של אמר הגופן צריך להיות מודגש, כי מרווח סביב החלק התחתון של הדף צריך להיות 20 פיקסלים, רק כדי לתת לו קצת אוויר לנשימה כמו גם, ושכל טקסט בו צריך להיות מרוכז. 

מה הולך להיות ההשפעה נטו? ובכן, בואו נסתכל בדפדפן. אם אני הולך כאן לכרום, וזהו. עכשיו זה נראה טוב מנוע חיפוש.