1
00:00:00,000 --> 00:00:00,360

2
00:00:00,360 --> 00:00:01,970
>> DAVID Malan: Vì vậy, tôi đã làm việc
trên công cụ tìm kiếm này

3
00:00:01,970 --> 00:00:03,480
trông như thế này.

4
00:00:03,480 --> 00:00:07,580
Tôi dường như có một tiêu đề được gọi là CS50
Tìm kiếm, dưới đây là một hình thức HTML,

5
00:00:07,580 --> 00:00:10,430
trong số đó là một đầu vào mà
loại là văn bản và đầu vào khác

6
00:00:10,430 --> 00:00:12,260
loại mà là nộp.

7
00:00:12,260 --> 00:00:15,400
Bây giờ chúng ta hãy nhìn vào các cơ bản
mã nguồn cho trang này.

8
00:00:15,400 --> 00:00:20,180
>> Ở đây trong tìm kiếm-2.html, nhận thấy rằng tôi
thực sự có một tiêu đề trong các hình thức của

9
00:00:20,180 --> 00:00:23,260
đầu cũng như trong cơ thể
với một thẻ h1 xung quanh nó.

10
00:00:23,260 --> 00:00:26,490
Tôi có một hình thức HTML, và
sau đó hai yếu tố đầu vào.

11
00:00:26,490 --> 00:00:30,650
Nhưng thông báo đặc biệt trên cơ thể
tag, mà tôi đã tuyên bố một phong cách

12
00:00:30,650 --> 00:00:35,770
thuộc tính có giá trị là text-align:
trung tâm;, qua đó xác định rằng tất cả

13
00:00:35,770 --> 00:00:38,390
văn bản trên trang này nên được
liên kết trong trung tâm.

14
00:00:38,390 --> 00:00:41,700
>> Bây giờ điều này hoạt động hoàn hảo một cách chính xác,
nhưng đó là một chút cẩu thả.

15
00:00:41,700 --> 00:00:43,900
Bạn có thể không thực sự nói nhiều
vì trang này khá

16
00:00:43,900 --> 00:00:44,960
nhỏ vào lúc này.

17
00:00:44,960 --> 00:00:47,520
Nhưng hãy tưởng tượng nếu trang này có
dài hơn và

18
00:00:47,520 --> 00:00:49,180
dài hơn và phức tạp hơn.

19
00:00:49,180 --> 00:00:53,960
>> Chú ý rằng mô hình tôi đã được thông qua
ở đây là để hoà lẫn thẩm mỹ của tôi

20
00:00:53,960 --> 00:00:57,380
với cấu trúc của trang
bằng cách sử dụng các thuộc tính phong cách.

21
00:00:57,380 --> 00:01:00,540
Long câu chuyện ngắn, đây không phải là tốt nhất
thiết kế, chắc chắn như các trang của bạn phát triển

22
00:01:00,540 --> 00:01:02,010
phức tạp hơn.

23
00:01:02,010 --> 00:01:05,830
Thiết kế tốt hơn sẽ là yếu tố ra
mà cách điệu và đặt nó một nơi nào đó

24
00:01:05,830 --> 00:01:09,730
trung tâm, ví dụ không theo một phong cách
thuộc tính nhưng trong một thẻ phong cách,

25
00:01:09,730 --> 00:01:13,310
đặc biệt một từ khóa phong cách bên trong
của thẻ đầu trang của tôi.

26
00:01:13,310 --> 00:01:14,830
Chúng ta hãy làm chính xác điều đó.

27
00:01:14,830 --> 00:01:18,160
>> Đầu tiên chúng ta hãy đi vào đây và xóa
phong cách này thuộc tính hoàn toàn.

28
00:01:18,160 --> 00:01:22,420
Sau đó trở lại trong đầu trang của tôi, chúng ta hãy
khai báo một thẻ phong cách và đóng nó tại

29
00:01:22,420 --> 00:01:24,620
Đồng thời, vì vậy tôi không
quên sau.

30
00:01:24,620 --> 00:01:28,120
Và sau đó chúng ta hãy xác định rằng cơ thể
của trang này cần phải có một CSS

31
00:01:28,120 --> 00:01:32,040
tài sản của text-align là trung tâm.

32
00:01:32,040 --> 00:01:35,320
Bây giờ hãy lưu trang này, tải lại
trình duyệt, và xem những gì hiệu quả là.

33
00:01:35,320 --> 00:01:38,070

34
00:01:38,070 --> 00:01:40,510
>> Tải lại trong trình duyệt của tôi -

35
00:01:40,510 --> 00:01:41,570
không có tác dụng gì cả.

36
00:01:41,570 --> 00:01:43,110
Nhưng không có tác dụng được dự định.

37
00:01:43,110 --> 00:01:45,150
Chúng tôi chỉ đơn giản là cải thiện
thiết kế của trang này.

38
00:01:45,150 --> 00:01:47,606