1 00:00:00,000 --> 00:00:00,360 2 00:00:00,360 --> 00:00:01,970 >> DAVID Malan: Jadi saya telah bekerja pada mesin pencari ini 3 00:00:01,970 --> 00:00:03,480 yang terlihat seperti ini. 4 00:00:03,480 --> 00:00:07,580 Saya tampaknya memiliki judul yang disebut CS50 Search, di bawah ini yang merupakan bentuk HTML, 5 00:00:07,580 --> 00:00:10,430 dalam yang merupakan masukan yang jenis teks dan masukan lain 6 00:00:10,430 --> 00:00:12,260 Jenis yang adalah mengirimkan. 7 00:00:12,260 --> 00:00:15,400 Mari sekarang kita lihat yang mendasari kode sumber untuk halaman ini. 8 00:00:15,400 --> 00:00:20,180 >> Di sini, di cari-2.html, perhatikan bahwa saya memang memiliki judul dalam bentuk 9 00:00:20,180 --> 00:00:23,260 kepala serta tubuh dengan tag h1 di sekitarnya. 10 00:00:23,260 --> 00:00:26,490 Saya memiliki bentuk HTML, dan maka kedua input. 11 00:00:26,490 --> 00:00:30,650 Tapi perhatikan secara khusus pada tubuh tag, bahwa saya telah menyatakan gaya 12 00:00:30,650 --> 00:00:35,770 atribut yang nilainya text-align: center;, dengan demikian menetapkan bahwa semua 13 00:00:35,770 --> 00:00:38,390 teks pada halaman ini harus selaras di tengah. 14 00:00:38,390 --> 00:00:41,700 >> Sekarang ini bekerja sempurna dengan benar, tapi sedikit ceroboh. 15 00:00:41,700 --> 00:00:43,900 Anda tidak bisa benar-benar tahu sebanyak karena halaman ini cukup 16 00:00:43,900 --> 00:00:44,960 kecil saat ini. 17 00:00:44,960 --> 00:00:47,520 Tapi bayangkan jika halaman ini mendapat lama dan lebih lama dan 18 00:00:47,520 --> 00:00:49,180 lama dan lebih kompleks. 19 00:00:49,180 --> 00:00:53,960 >> Perhatikan bahwa pola saya telah diadopsi di sini adalah untuk berbaur estetika saya 20 00:00:53,960 --> 00:00:57,380 dengan struktur halaman dengan menggunakan atribut style. 21 00:00:57,380 --> 00:01:00,540 Singkat cerita, ini bukan yang terbaik desain, tentu sebagai halaman Anda tumbuh 22 00:01:00,540 --> 00:01:02,010 lebih kompleks. 23 00:01:02,010 --> 00:01:05,830 Desain yang lebih baik akan faktor luar bahwa stilisasi dan meletakkannya di suatu tempat 24 00:01:05,830 --> 00:01:09,730 pusat, misalnya tidak dalam gaya atribut tetapi dalam tag gaya, 25 00:01:09,730 --> 00:01:13,310 khusus tag gaya dalam halaman saya kepala tag. 26 00:01:13,310 --> 00:01:14,830 Mari kita melakukan hal itu. 27 00:01:14,830 --> 00:01:18,160 >> Pertama mari kita pergi di sini dan menghapus gaya ini atribut sama sekali. 28 00:01:18,160 --> 00:01:22,420 Kemudian kembali di kepala halaman saya, mari kita menyatakan tag gaya dan menutupnya di 29 00:01:22,420 --> 00:01:24,620 saat yang sama, jadi saya tidak lupa nanti. 30 00:01:24,620 --> 00:01:28,120 Dan kemudian mari kita menentukan bahwa tubuh halaman ini harus memiliki CSS 31 00:01:28,120 --> 00:01:32,040 milik text-align adalah pusat. 32 00:01:32,040 --> 00:01:35,320 Sekarang mari kita simpan halaman ini, reload Browser, dan melihat apa efeknya. 33 00:01:35,320 --> 00:01:38,070 34 00:01:38,070 --> 00:01:40,510 >> Reload di browser saya - 35 00:01:40,510 --> 00:01:41,570 tidak berpengaruh sama sekali. 36 00:01:41,570 --> 00:01:43,110 Tapi tidak ada efek dimaksudkan. 37 00:01:43,110 --> 00:01:45,150 Kita hanya meningkatkan desain halaman ini. 38 00:01:45,150 --> 00:01:47,606