1
00:00:00,000 --> 00:00:06,986

2
00:00:06,986 --> 00:00:10,450
>> Daven FARNHAM: Bu gün mən gedirəm
HTML haqqında bir az danışmaq,

3
00:00:10,450 --> 00:00:12,330
Hypertext Markup Language.

4
00:00:12,330 --> 00:00:14,450
Siz bu gün hər yerdə HTML görürük.

5
00:00:14,450 --> 00:00:17,190
Əslində, bu seyr etdiyiniz halda
bir brauzerinizin video, siz

6
00:00:17,190 --> 00:00:19,120
indi HTML görən.

7
00:00:19,120 --> 00:00:22,760
HTML bir proqramlaşdırma dili deyil,
daha doğrusu, bu istifadə bir biçimlendirme dili var

8
00:00:22,760 --> 00:00:25,460
pages göstərməyə web browser
internet.

9
00:00:25,460 --> 00:00:30,410
>> Belə ki, yazılı necə dəqiq soruşa bilər
müxtəlif HTML bir web page

10
00:00:30,410 --> 00:00:33,574
bir proqramlaşdırma bir proqram yazılı
C kimi dil?

11
00:00:33,574 --> 00:00:38,010
Yaxşı, C çox ciddi bir dil deyil
olmalıdır ki, sintaktik qaydalar

12
00:00:38,010 --> 00:00:39,880
run əvvəl tərtib.

13
00:00:39,880 --> 00:00:43,070
Heç bir daxil unuttuysanız
bir şərhdə sonunda nöqtəli vergül

14
00:00:43,070 --> 00:00:46,660
Sizin C kodu, mən söhbət alıram nə
ciddi sintaksis ilə bağlı haqqında.

15
00:00:46,660 --> 00:00:50,360
>> Web tarayıcıları, baxmayaraq ki, bir az daha
HTML gəldikdə bağışlayandır.

16
00:00:50,360 --> 00:00:53,860
Sizin HTML syntactically deyil, hətta
düzgün, sizin səhifə hələ ola bilər

17
00:00:53,860 --> 00:00:57,150
bir brauzer tərəfindən göstərilir, lakin bilər
Siz nəzərdə kimi baxmaq deyil.

18
00:00:57,150 --> 00:00:59,640
Belə ki, yaxşı həmişə var
qaydalarına əməl edin.

19
00:00:59,640 --> 00:01:01,990
Intuisiya almaq üçün ən yaxşı yoldur
şeyi iş necə haqqında

20
00:01:01,990 --> 00:01:03,300
Məsələn keçir.

21
00:01:03,300 --> 00:01:07,360
>> Belə ki, nə biz burada əsas deyil
Bir web page üçün planını.

22
00:01:07,360 --> 00:01:10,690
Siz yəqin ki, bir çox şeyi fərq
bucaqlı mötərizə arasında.

23
00:01:10,690 --> 00:01:12,900
Bəli, bu yalnız tags var.

24
00:01:12,900 --> 00:01:15,810
Tags əsasən web browser məlumat
ki, hey, bir şey

25
00:01:15,810 --> 00:01:17,150
yol gəlir.

26
00:01:17,150 --> 00:01:20,770
Siz açmaq zaman, baxmayaraq ki saxla
tag, siz bir dəfə onu bağlamaq lazımdır

27
00:01:20,770 --> 00:01:21,750
istifadə edilir.

28
00:01:21,750 --> 00:01:24,690
>> Belə ki, məsələn, mən bir bölmə açmaq
açıq kodu

29
00:01:24,690 --> 00:01:26,960
bracket bədən, yaxın bracket.

30
00:01:26,960 --> 00:01:31,280
Mən mənim, bu halda, bəzi mətn əlavə
ilk web page sonra mən gedəndə

31
00:01:31,280 --> 00:01:35,540
Bu bölmə yaxın, mən istifadə demək olar ki,
ilə bu dəfə başqa eyni tag

32
00:01:35,540 --> 00:01:37,660
irəli orqan qarşısında doğramaq.

33
00:01:37,660 --> 00:01:41,140
Ümumiyyətlə, bu siz format edir
Siz açılış zaman istifadə etmək niyyətindədir

34
00:01:41,140 --> 00:01:42,680
və tags bağlanması.

35
00:01:42,680 --> 00:01:47,900
Birlikdə, açıq tag və son tag
bir element adlı nə daxildir.

36
00:01:47,900 --> 00:01:51,870
>> Siz ilk xətt baxsaq, will
sonra bir ünlem bax

37
00:01:51,870 --> 00:01:53,350
DOCTYPE html.

38
00:01:53,350 --> 00:01:56,280
Bu, həqiqətən, yalnız brauzerinizin izah
Fayl web page olduğunu

39
00:01:56,280 --> 00:01:58,280
HTML yazılı.

40
00:01:58,280 --> 00:02:01,970
HTML tag mahiyyətcə deyir
burada bəzi HTML gəlir.

41
00:02:01,970 --> 00:02:04,950
Sonra bir baş tag var
daxilində bir mövzu tag.

42
00:02:04,950 --> 00:02:09,430
Siz kimi hesab edə bilər rəhbəri tag
üçün gəlir ki, ibarət HTML kodu

43
00:02:09,430 --> 00:02:12,670
Sizin web page nin toplu
faktiki content.

44
00:02:12,670 --> 00:02:16,700
>> Ümumiyyətlə, siz adı qoymaq sizin
burada web page, baxmayaraq ki, bəzi var

45
00:02:16,700 --> 00:02:19,350
görünür ki, digər tags
burada həmçinin.

46
00:02:19,350 --> 00:02:25,020
Next Web-səhifə cəsədi, gəlir
Sizin veb faktiki ət və sümük.

47
00:02:25,020 --> 00:02:28,910
Bizim Məsələn, biz yalnız bir sadə gətirdik
cümlə, İlk Web,

48
00:02:28,910 --> 00:02:34,100
ki, biz site run əgər, görünür
bu kimi bir az bir şey.

49
00:02:34,100 --> 00:02:36,810
Bizim web page çox qəribə deyil,
lakin narahat olmayın.

50
00:02:36,810 --> 00:02:39,210
Biz tezliklə çeki düzen vermek lazımdır.

51
00:02:39,210 --> 00:02:44,070
>> Belə ki, yuxarıda HTML, biz bir çox verəcəyik
Bir web page üçün əsas şablon,

52
00:02:44,070 --> 00:02:46,310
heç bir şey xülya, yalnız çılpaq sümükləri.

53
00:02:46,310 --> 00:02:49,160
Amma bir web page yaradılması alıram əgər,
nə bir əlavə etmək istəyirsinizsə

54
00:02:49,160 --> 00:02:50,760
Özüm, demək, şəkil?

55
00:02:50,760 --> 00:02:52,760
Bəli, mən bunu edə bilərsiniz.

56
00:02:52,760 --> 00:02:55,460
Yolları bir neçə var
Sizin sayta images əlavə edin.

57
00:02:55,460 --> 00:02:59,780
Şəkil kimi eyni qovluqda varsa
HTML fayl, siz keçid edə bilərsiniz

58
00:02:59,780 --> 00:03:01,950
bu kimi yolu ilə image.

59
00:03:01,950 --> 00:03:05,910
>> Siz sonra bir image tag ilə açmaq
tərəfindən Alt atribut

60
00:03:05,910 --> 00:03:07,240
image mənbə.

61
00:03:07,240 --> 00:03:12,030
The Alt xüsusiyyətini dəyəri yalnız bəzi
halda alternativ mətn bir istifadəçi bilməz

62
00:03:12,030 --> 00:03:13,580
image baxın.

63
00:03:13,580 --> 00:03:19,680
Alternativ olaraq, siz də keçid edə bilərsiniz
Bu kimi bir tam URL vasitəsilə images.

64
00:03:19,680 --> 00:03:24,180
İndi ki, veb həqiqətən mövcud deyil,
lakin bir şəkil var idi əgər

65
00:03:24,180 --> 00:03:27,760
bu ünvanda mənə istifadə edə bilər
daxil mənbə URL

66
00:03:27,760 --> 00:03:29,930
mənim saytında onun image.

67
00:03:29,930 --> 00:03:35,590
Hər iki halda, bir çox ilə başa
gözəlləşir veb, bu kimi bir şey.

68
00:03:35,590 --> 00:03:39,730
>> Yaxşı, ki, olduqca sərin var, lakin mən növ
həmçinin burada bəzi mətn istəyirəm.

69
00:03:39,730 --> 00:03:43,020
Belə ki, yalnız bir şey əlavə edək
Yuxarıda super sadə

70
00:03:43,020 --> 00:03:45,210
mövzu kimi image.

71
00:03:45,210 --> 00:03:50,830
Mən bu günə qədər etdiyiniz bütün mövzu istifadə edir
tag, H1, və bir xətt fasilə tag, br.

72
00:03:50,830 --> 00:03:54,900
Mövzu tag font bir az edir
bit daha böyük və daha görkəmli.

73
00:03:54,900 --> 00:03:58,930
Digər tərəfdən line break tag,
əl cür sərin.

74
00:03:58,930 --> 00:04:03,720
Ən digər tags fərqli olaraq, siz yoxdur
açılış və bağlanış break tag, yalnız

75
00:04:03,720 --> 00:04:05,120
Bir yuxarıda göstərilən.

76
00:04:05,120 --> 00:04:10,420
Break heç bir məzmun var, çünki bu
və buna görə də boş elementidir.

77
00:04:10,420 --> 00:04:14,940
>> Bu kimi boş elementləri, siz aça bilər
və sadəcə eyni zamanda yaxın

78
00:04:14,940 --> 00:04:20,420
Bu bir irəli çizgi daxil olmaqla
ilkin bəyannamə sonu.

79
00:04:20,420 --> 00:04:24,390
Belə ki, indi mənim veb bir az görünür
bu kimi bir şey.

80
00:04:24,390 --> 00:04:27,410
Better, ancaq bu cür hiss
bir ölü sonuna kimi.

81
00:04:27,410 --> 00:04:30,850
Kənara getmək üçün heç bir yerdə başqa var
Bu əsas səhifə.

82
00:04:30,850 --> 00:04:33,075
Yaxşı, ki düzeltmek bildirin
bir keçid, o cümlədən.

83
00:04:33,075 --> 00:04:36,860
>> Mən burada gedirəm bir istifadə edir
A qeydi atributu və etmək

84
00:04:36,860 --> 00:04:40,780
image bir link, nin, CS50 TV deyək.

85
00:04:40,780 --> 00:04:44,460
Bu yolla, heç mənə klik zaman,
öz browser yönəldiləcək

86
00:04:44,460 --> 00:04:47,810
başqa, yəqin ki, daha
faydalı, web page.

87
00:04:47,810 --> 00:04:51,040
Mən ölçüsünü azaltmaq üçün yaşadım
Bizim web page, çünki bir az mətn

88
00:04:51,040 --> 00:04:52,470
daha inkişaf etmiş almaq.

89
00:04:52,470 --> 00:04:54,590
Amma ümid edirəm ki, bu, hələ aydın deyil.

90
00:04:54,590 --> 00:04:59,460
Mənim veb məhz həmin görünür yalnız
indi mən şəkil basın zaman,

91
00:04:59,460 --> 00:05:04,410
mənim brauzerinizin başqa açacaq
Bu CS50.tv web page üçün nişanı.

92
00:05:04,410 --> 00:05:08,970
>> Nəhayət, mən stil gedirəm deyək
Bu veb sonra CSS istifadə edərək.

93
00:05:08,970 --> 00:05:11,730
CSS kimi tanınır nə
kaskad stil.

94
00:05:11,730 --> 00:05:15,230
Və əsasən səmərəli təmin
redaktə etmək yolu və stil

95
00:05:15,230 --> 00:05:16,910
kodu oxşar blokları.

96
00:05:16,910 --> 00:05:21,290
Mən HTML üçün təşkil başlamaq istəyirəm
daha asan sonra stil etmək.

97
00:05:21,290 --> 00:05:26,900
Burada iki müxtəlif növ qurmaq
mənim kodu təşkil kömək tanımlayıcıları.

98
00:05:26,900 --> 00:05:31,170
Mən daxili ID atributu istifadə etdiyiniz
bölünmə və ya div tag, və mən bir istifadə etdiyiniz

99
00:05:31,170 --> 00:05:34,120
Class daxilində atribut
başqa div tag.

100
00:05:34,120 --> 00:05:37,190
>> ID və Class atributları
eyni işləyir.

101
00:05:37,190 --> 00:05:41,210
Yeganə fərq yalnız var bilər
bir element, xüsusi ID, lakin

102
00:05:41,210 --> 00:05:43,600
elementlərin hər hansı bir sayı
bir sinif paylaşabilirsiniz.

103
00:05:43,600 --> 00:05:47,690
Belə ki, məsələn, mən sinif istifadə edə bilərsiniz
image neçə dəfə, amma olmur

104
00:05:47,690 --> 00:05:50,533
başqa bölgüsü yaratmaq
ID üst.

105
00:05:50,533 --> 00:05:54,750
Mən CSS getdi baxmayaraq,
çox istifadə bir dil

106
00:05:54,750 --> 00:05:59,700
HTML yanaşı, bir dəfə mən dizayn başlamaq
CSS ilə kodu, mən bu istifadə edə bilərsiniz

107
00:05:59,700 --> 00:06:03,730
təsiri təşkilati atributları
mənim web page estetik.

108
00:06:03,730 --> 00:06:07,600
>> Bölünməsi üst daxilində hər şey
Oxşar stylings və ya hər hansı olacaq

109
00:06:07,600 --> 00:06:12,010
daxil HTML I qrupun digər qrup
class image oxşar göz bölüşəcəklər.

110
00:06:12,010 --> 00:06:15,700
Bu redaktə etmək üçün çalışırken çox asandır
və stil images və ya blokları

111
00:06:15,700 --> 00:06:17,690
fərdi mətn.

112
00:06:17,690 --> 00:06:21,480
>> Belə ki, necə əsasları üzərində getdi
HTML ilə bir web page etmək.

113
00:06:21,480 --> 00:06:25,280
HTML çox digər funksiyalar bir dəstə var
digər dillərdə ilə qoşalaşmış zaman

114
00:06:25,280 --> 00:06:29,220
CSS və JavaScript kimi, həqiqətən,
pages həyata durmaq edir.

115
00:06:29,220 --> 00:06:32,960
Rahat almaq üçün ən yaxşı yolu
HTML, ilə ətrafında yalnız mess edir

116
00:06:32,960 --> 00:06:35,120
nə işləyir və nə deyil görürük.

117
00:06:35,120 --> 00:06:36,570
>> My name Daven Farnham edir.

118
00:06:36,570 --> 00:06:37,820
Bu CS50 edir.

119
00:06:37,820 --> 00:06:40,640

120
00:06:40,640 --> 00:06:45,690
>> Belə ki, məsələn, mən istifadə edə bilərsiniz
Bu sinif image -

121
00:06:45,690 --> 00:06:48,028
Xeyr, belə ki, bir çox atributları var.

122
00:06:48,028 --> 00:06:52,500

123
00:06:52,500 --> 00:06:53,950
My name Daven Farnham edir.

124
00:06:53,950 --> 00:06:58,560
Bu CS 650.

125
00:06:58,560 --> 00:06:59,810
Mən CSS demək istəyirəm.

126
00:06:59,810 --> 00:07:02,325

127
00:07:02,325 --> 00:07:03,575
Bu CSS edir.

128
00:07:03,575 --> 00:07:05,408