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

2
00:00:06,100 --> 00:00:08,790
>> Doug LLOYD: Yani biz harcanan
about-- benim matematik doğru ise,

3
00:00:08,790 --> 00:00:11,900
ve sanırım back-- seyir düşünüyorum
Biz konuşurken yaklaşık 35 videolar geçirdi

4
00:00:11,900 --> 00:00:15,139
Belki C'nin çeşitli yönleri hakkında
Biraz daha, belki biraz daha az.

5
00:00:15,139 --> 00:00:16,930
Ve biz kapağı yoktu
C şeyi, ama biz

6
00:00:16,930 --> 00:00:21,170
büyük bir yığın kapalı
dil, bunun büyük çoğunluğu,

7
00:00:21,170 --> 00:00:22,882
kesinlikle ortak kullanımlar için.

8
00:00:22,882 --> 00:00:25,090
Şimdi konuşmak için gidiyoruz
hakkında başka bir dil, HTML.

9
00:00:25,090 --> 00:00:28,180
Ve biz karşılamak için gidiyoruz
sadece bir video.

10
00:00:28,180 --> 00:00:29,340
>> Ama bu Tamam olacak.

11
00:00:29,340 --> 00:00:31,410
Bu aslında olmaya gidiyor
bir şey mi alışmak için gidiyoruz.

12
00:00:31,410 --> 00:00:33,535
Şimdi var
Bir dilden temelleri,

13
00:00:33,535 --> 00:00:35,776
aslında oldukça kolaydır
diğerlerini öğrenmeye başlamak için.

14
00:00:35,776 --> 00:00:37,650
Yani biz başlatmak için gidiyoruz
biraz geri adım

15
00:00:37,650 --> 00:00:43,340
ve temel geçiştirmeye
bu gibi dillerde arasındaki farklar

16
00:00:43,340 --> 00:00:45,750
ve çeşit ona bırakın.

17
00:00:45,750 --> 00:00:48,530
Gerçekten harika bir sürü var
internet, kaynakları olan

18
00:00:48,530 --> 00:00:51,279
Sizi yönlendiren başlatmak için gidiyoruz
İnternet, çünkü doğru

19
00:00:51,279 --> 00:00:53,340
bilgilerin büyük bir depo.

20
00:00:53,340 --> 00:00:55,960
Ve böylece edeceğiz seni gibi değil
mutlaka olacak kaybetmekten

21
00:00:55,960 --> 00:00:58,349
bilgi sahip değil
Bir video kaplı.

22
00:00:58,349 --> 00:01:00,640
Hala almak mümkün olacak
ihtiyacınız olan her şey ve kullanımı

23
00:01:00,640 --> 00:01:03,590
Zaten ettik bilgi
C anlayarak inşa

24
00:01:03,590 --> 00:01:07,130
Bu öğrenme eğrisi yapmak
aslında diğer diller çok daha düz.

25
00:01:07,130 --> 00:01:08,640
Söz veriyorum.

26
00:01:08,640 --> 00:01:12,770
>> Ama bir dilden konuşalım
her web için gerçekten önemli olduğunu

27
00:01:12,770 --> 00:01:14,830
HTML sayfası.

28
00:01:14,830 --> 00:01:18,230
HTML Hyper Text Markup Language olduğunu.

29
00:01:18,230 --> 00:01:22,700
HTML bir dildir ama o
bir programlama dili.

30
00:01:22,700 --> 00:01:23,900
>> HTML değişkenleri yok.

31
00:01:23,900 --> 00:01:26,430
Bu mantığı yok ya
fonksiyonlar ya da böyle bir şey.

32
00:01:26,430 --> 00:01:30,301
Biz herhangi bir yapamayız
HTML başına programlama.

33
00:01:30,301 --> 00:01:32,300
Bazen duyarsınız
insanlar kendilerini tarif

34
00:01:32,300 --> 00:01:35,710
HTML programcılar olarak hangi
tamamen doğru değildir.

35
00:01:35,710 --> 00:01:37,980
Biz HTML programları yazamazsınız.

36
00:01:37,980 --> 00:01:40,770
>> HTML sadece metni işaretlemek için kullanılır.

37
00:01:40,770 --> 00:01:42,690
Bir biçimlendirme dili denir.

38
00:01:42,690 --> 00:01:47,680
Ve bu markup-- does-- Ne
Biz HTML ve bu tags-- etiketleri kullanabilirsiniz

39
00:01:47,680 --> 00:01:51,600
Bu anlamsal markup--
bir sayfanın yapısını tanımlar

40
00:01:51,600 --> 00:01:55,280
ve düz metin neden olur
etiketler yorumlanmalıdır arasında var

41
00:01:55,280 --> 00:01:57,320
farklı şekillerde tarayıcılar tarafından.

42
00:01:57,320 --> 00:02:00,370
Ve belki de açıklamak için en iyisi
Bir örnek bu kadar yolu.

43
00:02:00,370 --> 00:02:06,450
>> İşte çok basit bir HTML sayfası değil,
HTML programı, yine bir HTML sayfası.

44
00:02:06,450 --> 00:02:08,680
Ve biz bir olduğunu biliyoruz
HTML sayfası biz ettik çünkü

45
00:02:08,680 --> 00:02:11,480
HTML etiketleri ile her şeyi sınırlı.

46
00:02:11,480 --> 00:02:13,850
Yani bu bir HTML etiketi gibi görünüyor budur.

47
00:02:13,850 --> 00:02:15,870
Bu açılı ayraçlar arasında.

48
00:02:15,870 --> 00:02:18,570
Ve biz de fark üst
HTML ve çok altta,

49
00:02:18,570 --> 00:02:21,400
Biz ne olduğunu yaptıktan sonra
görünüşe göre diğer HTML bir sürü

50
00:02:21,400 --> 00:02:24,310
Biz açılı ayraç çizgi HTML var.

51
00:02:24,310 --> 00:02:29,262
Yani bir çeşit sınırdır
HTML nedir ve ne değildir arasındadır.

52
00:02:29,262 --> 00:02:32,220
Ve tabii ki, geleneksel, sadece
Eğer C tüm programları yazdığı gibi

53
00:02:32,220 --> 00:02:35,300
nokta C uzantıları ile,
HTML dosyalarının tüm

54
00:02:35,300 --> 00:02:37,909
nokta HTML uzantıları ile sona erecek.

55
00:02:37,909 --> 00:02:39,200
Ama daha orada burada oluyor.

56
00:02:39,200 --> 00:02:40,658
Biz sadece bu HTML etiketlerini yok.

57
00:02:40,658 --> 00:02:44,010
Biz görünüşe göre bu var
şey bir kafa etiketi denir.

58
00:02:44,010 --> 00:02:46,010
Peki, tamam, o da ne?

59
00:02:46,010 --> 00:02:48,550
>> Belki de en iyisi
Bir cismin yoluyla ayırt

60
00:02:48,550 --> 00:02:50,590
vücut web sayfasının içeriğini olmak.

61
00:02:50,590 --> 00:02:55,860
Yani belki kafa etiketi şeyler tanımlar
Bu, tarayıcı penceresinde doğru değil

62
00:02:55,860 --> 00:02:59,410
ama nedense önemlidir bizim
Web sayfası düzgün işlenmiş.

63
00:02:59,410 --> 00:03:02,490
Örneğin, inside
Baş etiketi biz başlık etiketleri var.

64
00:03:02,490 --> 00:03:05,500
>> Yani başlık merhaba dünya olma,
aslında ne olacak

65
00:03:05,500 --> 00:03:08,797
Chrome'da sekmesinde gösterir
veya safari veya Firefox-- içinde

66
00:03:08,797 --> 00:03:11,880
ne olursa olsun tarayıcı işte prefer--
Ne başlığında göstermek için gidiyor.

67
00:03:11,880 --> 00:03:14,800
Ve sekmelerde önce gösterir
tüm tarayıcı penceresinde yukarı

68
00:03:14,800 --> 00:03:19,710
ve yalnızca bir sayfa olabilir
Bir seferde bir tarayıcı penceresinde açın.

69
00:03:19,710 --> 00:03:22,160
Yani olacak
sekmesinde benim sayfa yukarı başlık

70
00:03:22,160 --> 00:03:24,600
veya tarayıcı penceresi bar, merhaba dünya.

71
00:03:24,600 --> 00:03:28,611
Ve sonra içeriği benim
web sayfası merhaba dünya olacak.

72
00:03:28,611 --> 00:03:31,360
Yani bazı ne bir göz atalım
Böyle bir şey gibi görünebilir.

73
00:03:31,360 --> 00:03:33,210
Bu oldukça basit HTML sayfası.

74
00:03:33,210 --> 00:03:35,970
Yani benim CS50 IDE buradayım ve
Ben biraz yakınlaştırılmış ettik.

75
00:03:35,970 --> 00:03:38,290
Ve ben sadece gidiyorum
merhaba nokta HTML açmak

76
00:03:38,290 --> 00:03:42,000
ve bu oldukça fazla olduğunu göstermek
Daha önce gördüğümüz sayfa içeriği.

77
00:03:42,000 --> 00:03:45,240
Benim basit HTML, baş etiketleri,
başlık etiketleri, böylece vücut ve.

78
00:03:45,240 --> 00:03:47,320
Ben temiz olması girintili ettik.

79
00:03:47,320 --> 00:03:51,530
>> Ve ben de yapabilirim sonra ne benim
IDE sadece sayfa önizleme edilir.

80
00:03:51,530 --> 00:03:52,630
Ve işte başlıyoruz.

81
00:03:52,630 --> 00:03:56,070
Benim sayfanın içeriği, dünya
Merhaba, ben bir şey görmüyorum

82
00:03:56,070 --> 00:03:58,500
Orada kafa etiketleri içinde.

83
00:03:58,500 --> 00:03:59,980
Vücudun sadece içeriği değil.

84
00:03:59,980 --> 00:04:00,780
Dünya, merhaba.

85
00:04:00,780 --> 00:04:03,700
Ve yine vücudun sadece
dedi, dünya, merhaba.

86
00:04:03,700 --> 00:04:06,160
Diğer kısmı eksik.

87
00:04:06,160 --> 00:04:07,610
>> Yani gerçekten hepsi bu.

88
00:04:07,610 --> 00:04:11,370
Bu çok basit bir temel HTML sayfası.

89
00:04:11,370 --> 00:04:14,280
Şimdi benim HTML girintili ettik
gerçekten güzel ve organize olmak

90
00:04:14,280 --> 00:04:15,840
ama aslında gerek yok.

91
00:04:15,840 --> 00:04:17,959
Ben oldukça çirkin yapabiliriz.

92
00:04:17,959 --> 00:04:19,467
Ve bu hala çalışmaya devam eder.

93
00:04:19,467 --> 00:04:21,050
Bu aynı web sayfası olacaktır.

94
00:04:21,050 --> 00:04:23,100
Ben sadece kurtulmak kazanılmış
beyaz alan tüm.

95
00:04:23,100 --> 00:04:24,820
>> O çıkıyor, beyaz boşluk verilerdir.

96
00:04:24,820 --> 00:04:28,540
Ve böylece biz veri gönderirken
gönderen sunucu, alıcıya

97
00:04:28,540 --> 00:04:30,670
müşteriye, veri masraf.

98
00:04:30,670 --> 00:04:34,460
Ve böylece boşluk kurtulmak
aslında iyi bir fikir olduğunu

99
00:04:34,460 --> 00:04:37,320
Birini iseniz kim hizmet vermektedir
web içeriği bir sürü kadar.

100
00:04:37,320 --> 00:04:39,820
Sen eğer kötü bir fikir
Bu şeyler öğrenme var biri

101
00:04:39,820 --> 00:04:41,528
ve sahip olmak istiyorum
o güzel organize etti.

102
00:04:41,528 --> 00:04:43,810
Bu, daha ayrıştırmak için çok daha kolay olur.

103
00:04:43,810 --> 00:04:45,540
Ama işlevsel aynıdır bu.

104
00:04:45,540 --> 00:04:48,720
>> Böyle girinti ve malzeme
aslında HTML önemli değil.

105
00:04:48,720 --> 00:04:53,634
Bütün mesele açılış etiketleri ve bir
Doğru sırayla etiketleri kapanış.

106
00:04:53,634 --> 00:04:55,050
Olsa da, burada ne dikkat edin.

107
00:04:55,050 --> 00:04:58,450
Işaretleme, bize bir yol verir
ekstra bilgi iletişim

108
00:04:58,450 --> 00:04:59,940
Biz ne yazdık hakkında.

109
00:04:59,940 --> 00:05:03,130
Merhaba, Dünya parçası oldu
başlık olarak yorumlanır.

110
00:05:03,130 --> 00:05:06,410
Ve, merhaba bölüm dünyaydı
içerik olarak yorumlanır

111
00:05:06,410 --> 00:05:09,090
ya da ne olmalıdır
Benim web sayfasında görülebilir.

112
00:05:09,090 --> 00:05:12,167
>> Bu farklı 100'ün üzerinde vardır
etiketleri ve büyük kaynakların bir sürü

113
00:05:12,167 --> 00:05:13,000
Onları bulmak için çevrimiçi.

114
00:05:13,000 --> 00:05:14,900
Biz hakkında konuşmak için gidiyoruz
Bu video birkaç tanesi, bazı

115
00:05:14,900 --> 00:05:16,440
Gerçekten temel şeyler.

116
00:05:16,440 --> 00:05:18,440
Ama biz konuşma gitmiyoruz
tüm bu konuda çünkü o

117
00:05:18,440 --> 00:05:20,250
Bunu yapmak için kapsamlı olacaktır.

118
00:05:20,250 --> 00:05:22,880
>> Eğer olsa, yapabileceğiniz başka bir şey,
geliştirici araçları açmak olduğunu.

119
00:05:22,880 --> 00:05:26,069
Ve sizden çağırmak durumunda
HTTP bizim video

120
00:05:26,069 --> 00:05:27,860
Ben nasıl açılacağını açıkladı
geliştirici araçları kadar.

121
00:05:27,860 --> 00:05:32,020
Chrome'da genellikle F12 tuşu bulunuyor
Geliştirici araç çubuğunu açmak için.

122
00:05:32,020 --> 00:05:35,909
Sonra yerine Ağ seçme
sekmesi, Elements sekmesini seçebilirsiniz.

123
00:05:35,909 --> 00:05:37,700
Ve bir web yüklerseniz
sayfa, aslında edeceğiz

124
00:05:37,700 --> 00:05:40,280
Bu web sayfası oluşturur HTML bakın.

125
00:05:40,280 --> 00:05:44,090
Ve böylece HTML hakkında çok şey öğrenebilirsiniz
En sevdiğiniz web siteleri bakarak

126
00:05:44,090 --> 00:05:48,474
ve onlar nasıl inşa görünce
sizin gibi onlara çeşitli parçalar.

127
00:05:48,474 --> 00:05:50,890
Yani belki bu serin var
desen veya böyle bir şey.

128
00:05:50,890 --> 00:05:52,140
Nasıl HTML ile yapabilirim?

129
00:05:52,140 --> 00:05:55,630
Peki sadece geliştirici açabilirsiniz
Bu öğe üzerinde araçları ve hover

130
00:05:55,630 --> 00:05:57,700
ve HTML yapar tam olarak ne olduğunu görmek.

131
00:05:57,700 --> 00:05:59,450
Yani gerçekten var
HTML öğrenmek için iyi bir yol,

132
00:05:59,450 --> 00:06:02,330
ve ben şiddetle tavsiye
Eğer her ikisi de öğrenmek için yapmanız HTML

133
00:06:02,330 --> 00:06:04,930
ve de biraz öğrenmek
seçeneklerden bazıları hakkında biraz

134
00:06:04,930 --> 00:06:07,050
size uygun
geliştirici araçları, hangi

135
00:06:07,050 --> 00:06:10,200
Kesinlikle olarak kullanışlı gelecektir
Eğer daha yoğun web yapıyor başlar

136
00:06:10,200 --> 00:06:11,090
programlama.

137
00:06:11,090 --> 00:06:14,080
>> Yani bir göz atalım
yaygın HTML etiketleri çift.

138
00:06:14,080 --> 00:06:17,210
Ve biz atlamak ve bir göz atacağız
Bu etiketleri de ne hale

139
00:06:17,210 --> 00:06:20,490
Benim IDE bazı dosyalara bakarak olduğu gibi.

140
00:06:20,490 --> 00:06:26,330
Yani burada üç çok temel etiketleri
Metnin görünümünü verdiği.

141
00:06:26,330 --> 00:06:29,050
B etiketleri, ben etiketler ve U etiketleri var.

142
00:06:29,050 --> 00:06:33,170
Ve daha doğrusu ne olduğunu
kalın aralarında metin oluşturmak,

143
00:06:33,170 --> 00:06:35,430
italik, altı çizili ve.

144
00:06:35,430 --> 00:06:40,430
Yani bu nasıl olacağını görelim
Benim IDE gerçek bir web sayfası üzerinde gibi.

145
00:06:40,430 --> 00:06:43,390
>> Yani burada benim IDE içinde ben bir
BIU nokta HTML olarak adlandırılan dosya.

146
00:06:43,390 --> 00:06:46,770
BIU nokta HTML sadece varlık
kalın, italik, altı çizili.

147
00:06:46,770 --> 00:06:47,830
Ben bu kadar açık olacak.

148
00:06:47,830 --> 00:06:51,810
>> Ve biz burada göreceksiniz
Bu metin olması B etiketleri kalın.

149
00:06:51,810 --> 00:06:54,010
Bu metin ben etiketleri eğik.

150
00:06:54,010 --> 00:06:56,307
Ve bu metin U etiketleri altı çizili olduğunu.

151
00:06:56,307 --> 00:06:57,640
Bu neye benziyor olacak?

152
00:06:57,640 --> 00:06:59,473
Peki yine tüm ben
Buraya gitmek yapmak için

153
00:06:59,473 --> 00:07:04,690
Benim tarayıcı, benim dosya tarayıcı, tıklayın
Önizleme ve bu ne kadar gelir olduğunu.

154
00:07:04,690 --> 00:07:07,520
>> B arasında metin
etiketler gerçekten artık kalın.

155
00:07:07,520 --> 00:07:10,720
I arasında metin
etiketler gerçekten artık eğik.

156
00:07:10,720 --> 00:07:14,634
Ve U arasında metin
etiketler gerçekten şimdi altı çizilmiştir.

157
00:07:14,634 --> 00:07:15,550
Yani oldukça iyi.

158
00:07:15,550 --> 00:07:18,450
Biz şimdi metin yapmak için biliyorum
Biraz daha fantezi bakmak

159
00:07:18,450 --> 00:07:20,360
veya belirli şeylere vurgu çizin.

160
00:07:20,360 --> 00:07:25,530
Burada ortak etiketleri Başka bir çift vardır
paragraf etiketleri, P ve başlık etiketleri,

161
00:07:25,530 --> 00:07:27,980
hangi ı HX burada render ettik.

162
00:07:27,980 --> 00:07:32,520
>> Bunlar P etiketleri bu paragraf etiketleri,
paragraflar halinde metin break up.

163
00:07:32,520 --> 00:07:34,646
Sadece için yeterli değil
Girin ve boşluk bırakın vurmak,

164
00:07:34,646 --> 00:07:37,186
Bir bilgisayar yalnızca gidiyor çünkü
Yapmanız bunu söylemek ne yapacağını

165
00:07:37,186 --> 00:07:39,450
ve beyaz sayar
çoğunlukla boşluk.

166
00:07:39,450 --> 00:07:41,636
Yani biz sadece Enter hit olamaz
ve bizim bilgisayar bekliyoruz

167
00:07:41,636 --> 00:07:43,760
Biz istiyoruz yorumlamak için
Yeni bir paragrafa başlamak için.

168
00:07:43,760 --> 00:07:47,670
Biz çok açıkça söylemek zorundayım
Bu paragraph-- bir another-- olduğu

169
00:07:47,670 --> 00:07:50,740
P etiketleri kümesinin her içine alarak.

170
00:07:50,740 --> 00:07:54,560
>> Ve biz de bu seçenek var
H etiketleri, bu başlık etiketleri için.

171
00:07:54,560 --> 00:07:57,000
Biz altı farklı seviyeleri var
başlıkları, bir, iki, üç,

172
00:07:57,000 --> 00:08:01,110
dört, beş, altı,
giderek daha büyük ve daha büyük bir

173
00:08:01,110 --> 00:08:01,710
başlıkları.

174
00:08:01,710 --> 00:08:04,360
Ve onlar küçülür ve
Daha küçük ve daha küçük ve daha küçük.

175
00:08:04,360 --> 00:08:07,690
Bu yüzden, ikinci bir üst düzey başlık var
seviye başlık ve benzeri, ve benzerleri.

176
00:08:07,690 --> 00:08:10,480
>> En belki bazılarına bir göz atalım
P etiketleri ve bazı başlık etiketleri

177
00:08:10,480 --> 00:08:13,110
Bir web sayfasında eylem.

178
00:08:13,110 --> 00:08:18,180
Yani burada benim IDE içinde ben adında bir dosya var
PH nokta HTML, PH olan paragraflar

179
00:08:18,180 --> 00:08:18,970
ve başlık etiketleri.

180
00:08:18,970 --> 00:08:20,709
Bu kadar aç.

181
00:08:20,709 --> 00:08:23,000
Burada bir sürü oluyor
Bazı lorem koyduk çünkü

182
00:08:23,000 --> 00:08:24,660
ipsum, burada bazı sadece rastgele metin.

183
00:08:24,660 --> 00:08:27,284
Yani biraz uzaklaştırmak edeceğiz
var çünkü çok oluyor.

184
00:08:27,284 --> 00:08:31,980
Ama çok az olduğunu fark
Ben bir H1, bir seviye bir tane var burada top

185
00:08:31,980 --> 00:08:32,802
başlık etiketi.

186
00:08:32,802 --> 00:08:36,010
Sonra ben sadece bir paragraf var
Rasgele text-- lorem bir demet ipsum--

187
00:08:36,010 --> 00:08:38,720
sadece metinde standart dolum varsayılan.

188
00:08:38,720 --> 00:08:41,970
Yani bunun içinde iki paragraf var
seviye bir başlık ve ardından aşağı aşağıda

189
00:08:41,970 --> 00:08:46,850
hat 24 burada bir seviye iki başlık var,
ikinci düzey başlık ve başka bir iki

190
00:08:46,850 --> 00:08:47,840
paragraflar.

191
00:08:47,840 --> 00:08:51,910
Peki bu neye benziyor
Benim önizlemede görüntülemek olur?

192
00:08:51,910 --> 00:08:53,790
Görelim.

193
00:08:53,790 --> 00:08:55,730
>> Yani fark
Burada ilk seviye başlığı

194
00:08:55,730 --> 00:08:58,420
aslında biraz daha büyük
İkinci seviye başlığında daha.

195
00:08:58,420 --> 00:08:59,940
Bu yüzden H1 etiketleri kullanılır.

196
00:08:59,940 --> 00:09:03,820
Ve P etiketleri bize izin fark
paragraflar halinde şeyler kırmak için.

197
00:09:03,820 --> 00:09:07,500
Biz bu P etiketleri kurtulmak kazanılmış olsaydı
ve aslında sadece koymak girer veya İade

198
00:09:07,500 --> 00:09:10,110
ne biz ümit arasında olur
Farklı paragraflar olacak,

199
00:09:10,110 --> 00:09:13,193
hepsi sadece birlikte slam olur ve
Bu güzel paragraf olmazdı

200
00:09:13,193 --> 00:09:15,840
Yukarıda ve aşağıda alanı ayırma.

201
00:09:15,840 --> 00:09:18,300
Ve böylece bu ne paragraf var
etiketleri ve başlık etiketleri

202
00:09:18,300 --> 00:09:22,440
yaygın çizmek için yapmanız kullanılır
Web sayfamızın bölümlerine dikkat

203
00:09:22,440 --> 00:09:23,550
bu şekilde.

204
00:09:23,550 --> 00:09:27,560
>> Sonraki kadar kullandığımız bazı etiketleri vardır
web sayfamızda listeleri oluşturmak için.

205
00:09:27,560 --> 00:09:30,820
Bu yüzden sırasız var
lists-- ULs-- hangi sadece vardır

206
00:09:30,820 --> 00:09:34,090
sipariş madde işaretli listeler,
numbered-- olan liste

207
00:09:34,090 --> 00:09:37,680
OLs-- ve içinde ya
Bunlardan biri bizim olmalı

208
00:09:37,680 --> 00:09:40,600
, LI liste öğelerini belirtmek için nasıl setleri.

209
00:09:40,600 --> 00:09:44,370
Ve böylece biz açık UL etiketi
ve biz bunun içine öğeleri koymak.

210
00:09:44,370 --> 00:09:46,920
Ve sonra biz bitince
Bu, biz UL etiketi kapatabilirsiniz.

211
00:09:46,920 --> 00:09:49,850
>> Ve aynı şekilde biz olabilir
sıralı veya numaralı liste

212
00:09:49,850 --> 00:09:51,560
ve bunun içine liste öğeleri koydu.

213
00:09:51,560 --> 00:09:53,350
Yani bir göz atalım
listelerin bir çift

214
00:09:53,350 --> 00:09:57,230
ve ne olur
CS50 IDE olarak işlemek.

215
00:09:57,230 --> 00:10:00,640
Yani benim IDE a burada var
Dosya adı verilen listeler HTML nokta.

216
00:10:00,640 --> 00:10:03,100
Hadi bir bakalım.

217
00:10:03,100 --> 00:10:08,482
>> Ve burada haber ben sırasız var
İçinde beş şeyi listeleyin.

218
00:10:08,482 --> 00:10:11,440
Ve sonra sıralı bir liste var ve
Ben etiketini biraz değiştirdim,

219
00:10:11,440 --> 00:10:11,939
sağ?

220
00:10:11,939 --> 00:10:13,152
Ben başlangıç ​​eşittir altı söyledim.

221
00:10:13,152 --> 00:10:16,110
Bir sıralı liste I çıkıyor
başlangıç ​​noktası her yerde ayarlayabilirsiniz

222
00:10:16,110 --> 00:10:20,130
Ben Şehre olacak varsayılan want--
tarafından sadece bu sözde öznitelik ekleyerek

223
00:10:20,130 --> 00:10:21,190
Benim OL etiketine.

224
00:10:21,190 --> 00:10:23,572
Ve böylece bu liste olacak
altıda saymaya başlar.

225
00:10:23,572 --> 00:10:26,780
Bu numaralı listenin Yani elemanları
olmalı, altı, yedi, sekiz, dokuz, on,

226
00:10:26,780 --> 00:10:29,930
Beş element olduğundan
Listede, bir karşıt olarak,

227
00:10:29,930 --> 00:10:33,770
iki, üç, dört, beş, burada
Ben OL demişti eğer durum olurdu

228
00:10:33,770 --> 00:10:36,730
Başlangıç ​​özniteliği belirtmeden.

229
00:10:36,730 --> 00:10:41,594
>> Yapabilirsiniz, böylece Yani biz sadece bu önizleme edeceğiz
Burada neler oluyor bir anlamda olsun.

230
00:10:41,594 --> 00:10:42,260
Ve işte başlıyoruz.

231
00:10:42,260 --> 00:10:44,610
Benim listesi var.

232
00:10:44,610 --> 00:10:47,810
İlk beş elemanları
sırasız veya madde işaretli listeler.

233
00:10:47,810 --> 00:10:51,010
Ve önümüzdeki beş element
Ayrı bir sipariş listesi vardır

234
00:10:51,010 --> 00:10:52,980
Altı itibaren.

235
00:10:52,980 --> 00:10:56,247
Bu yüzden nasıl biz
HTML kullanarak listeleri oluşturmak.

236
00:10:56,247 --> 00:10:58,080
Başka bir şey olabilir
HTML ile yapmak istiyorum

237
00:10:58,080 --> 00:11:01,520
bir tablo oluşturmak olduğunu
satır ve sütun bilgileri

238
00:11:01,520 --> 00:11:04,560
Bir de bilgi sunmak için
Özellikle yol düzenledi.

239
00:11:04,560 --> 00:11:09,110
Biz olabilir HTML ile bunu yapmak için
Açık dirsek başlayan tablo tanımı

240
00:11:09,110 --> 00:11:10,160
tablo.

241
00:11:10,160 --> 00:11:14,680
Ve o tablonun içinde biz
satır, TR etiketleri bir dizi olabilir

242
00:11:14,680 --> 00:11:15,980
Her bir satır gösterir.

243
00:11:15,980 --> 00:11:22,510
Ve sonra TD etiketleri TC etiketleri içeri
bir satır içinde bir sütunu belirtmek için.

244
00:11:22,510 --> 00:11:24,340
>> Neden TD aradı ve TC, değil mi?

245
00:11:24,340 --> 00:11:25,940
Peki, TD tablo verileri için duruyor.

246
00:11:25,940 --> 00:11:27,900
Genellikle koyuyoruz
Orada bilgi.

247
00:11:27,900 --> 00:11:29,440
O TD ve TC yüzden Böylece bu.

248
00:11:29,440 --> 00:11:31,140
Biraz kafa karıştırıcı.

249
00:11:31,140 --> 00:11:33,720
>> Yani masa etiketleri ve
tablo etiketlerinin içinde

250
00:11:33,720 --> 00:11:35,600
Eğer satır, TRs bir dizi var.

251
00:11:35,600 --> 00:11:40,030
Ve her satır içinde var
Sütun sayısı için TDS

252
00:11:40,030 --> 00:11:42,880
Sahip istediğiniz
söz konusu satırda.

253
00:11:42,880 --> 00:11:47,730
En çok bir göz atalım
CS50 IDE üzerinde basit tablo.

254
00:11:47,730 --> 00:11:49,730
>> Yani burada bir dosya var
masa nokta HTML denir.

255
00:11:49,730 --> 00:11:53,390
En az bir göz atalım
Ne böyle görünüyor.

256
00:11:53,390 --> 00:11:56,225
Burada bir sürü oluyor ama
Eğer dikkat ederseniz ben bir tablo açık var.

257
00:11:56,225 --> 00:11:57,850
Ben tablo ile tanımını başlıyorum.

258
00:11:57,850 --> 00:12:02,100
Ve sonra benim ilk satırda ben görünüşte
sahip dört sütun, bir, iki, üç,

259
00:12:02,100 --> 00:12:02,660
Dört.

260
00:12:02,660 --> 00:12:04,290
Ve sonra o satır ile işim bitti.

261
00:12:04,290 --> 00:12:07,750
>> Sonra başka bir satır başlatmak ve
iki, dört, altı, sekiz yapın.

262
00:12:07,750 --> 00:12:08,850
Bu satır bitir.

263
00:12:08,850 --> 00:12:11,410
Başka bir satır, üç, altı, dokuz, 12 yapın.

264
00:12:11,410 --> 00:12:14,830
Ve sonra son satır, dört,
Sekiz, 12, ve olsa

265
00:12:14,830 --> 00:12:16,560
Biraz, 16 burada kesti.

266
00:12:16,560 --> 00:12:17,710
>> O satır bitirdim.

267
00:12:17,710 --> 00:12:18,970
Masayı bitirdim.

268
00:12:18,970 --> 00:12:21,430
Ve sonra benim HTML ile işim bitti.

269
00:12:21,430 --> 00:12:22,590
Ne bu neye benziyor?

270
00:12:22,590 --> 00:12:26,014

271
00:12:26,014 --> 00:12:27,430
Peki, gerçekten görmek için çok değil.

272
00:12:27,430 --> 00:12:31,690
Ben açıkça bilgilerimi organize ettik
biraz daha organize bir şekilde.

273
00:12:31,690 --> 00:12:33,755
Ama burada süper hoş değil.

274
00:12:33,755 --> 00:12:36,130
Ve biz başa gidiyoruz
Biz CSS hakkında konuşmak söyledi.

275
00:12:36,130 --> 00:12:38,930
Biz bu fikri tekrar edeceğiz
Biz table-- yapmak ne

276
00:12:38,930 --> 00:12:41,260
belki biraz daha iyi biçimlendirmek?

277
00:12:41,260 --> 00:12:45,070
Ama hala dört satır var mı,
her biri dört sütun vardır,

278
00:12:45,070 --> 00:12:48,890
Bir olduğu ve gerçekten bu ne miktarda
Çok basit dört dört çarpma tarafından

279
00:12:48,890 --> 00:12:49,870
tablo.

280
00:12:49,870 --> 00:12:51,690
>> Biz bahsedeceğiz sadece birkaç etiket.

281
00:12:51,690 --> 00:12:54,617
En bahsedelim
bir HTML formu kavramı.

282
00:12:54,617 --> 00:12:57,450
Yani bu görmüş olabilirsiniz
Bir web sayfasının giriş bağlamında.

283
00:12:57,450 --> 00:12:59,100
Genellikle kullanıcı adınızı yazın.

284
00:12:59,100 --> 00:13:01,510
Siz, şifrenizi yazın
ve gitmek için iyi bir konum.

285
00:13:01,510 --> 00:13:04,170
Bu form başlangıcı olacaktır.

286
00:13:04,170 --> 00:13:05,420
>> Atlayarak ikinci bir div.

287
00:13:05,420 --> 00:13:07,987
Biz de girdiler sahip olan
tür formların içine sığacak.

288
00:13:07,987 --> 00:13:10,320
Bu elementler olduğu
Aslında, yazarak ediyoruz

289
00:13:10,320 --> 00:13:12,580
veya radyo düğmeleri sen
geçiyor, ya da çek

290
00:13:12,580 --> 00:13:14,310
kapalı geçiyor konum kutuları.

291
00:13:14,310 --> 00:13:15,770
Yani bu formların içeri.

292
00:13:15,770 --> 00:13:18,500
Ve temelde oluşmaktadır
Formun her satır

293
00:13:18,500 --> 00:13:19,887
Formunuz iyi biçimlendirilmiş olup olmadığını.

294
00:13:19,887 --> 00:13:22,220
Sonra bu kavram var
Gerçekten değil bir div,

295
00:13:22,220 --> 00:13:25,060
herhangi bir kategoriye sığacak
Ben ettik olanlar gibi etiketleri

296
00:13:25,060 --> 00:13:26,170
Daha önce yapıyor.

297
00:13:26,170 --> 00:13:29,790
Sadece bir çeşit çizmektedir
Bazı rasgele division-- başlangıcı

298
00:13:29,790 --> 00:13:31,670
Sayfanın div--.

299
00:13:31,670 --> 00:13:33,210
Hiçbir görsel kırılma var.

300
00:13:33,210 --> 00:13:34,800
Hiçbir satır yok.

301
00:13:34,800 --> 00:13:37,180
Bu kadar yola değil
otomatik olarak ayrı yığın.

302
00:13:37,180 --> 00:13:39,430
Bunu stil olurdu
bu şekilde yapmak.

303
00:13:39,430 --> 00:13:42,110
>> Sadece bir çeşit ben istiyorum diyor
Benim web sayfasında yer parçalı,

304
00:13:42,110 --> 00:13:45,190
ve ben sadece diyeceğim
Benim sayfanın bu bölümü.

305
00:13:45,190 --> 00:13:47,619
Biz içeride bir şeyler koyabilirsiniz
divs ve aslında,

306
00:13:47,619 --> 00:13:49,410
Biz sından zaman
Bir saniye IDE, yaparız

307
00:13:49,410 --> 00:13:53,760
Ben atıyorum görmek benim
bir div içinde oluşturur.

308
00:13:53,760 --> 00:13:57,050
>> Yani benim IDE a burada var
div formu nokta HTML olarak adlandırılan dosya.

309
00:13:57,050 --> 00:13:59,260
Haydi açalım.

310
00:13:59,260 --> 00:14:01,460
Dediğim gibi dikkat edin,
div keyfi türüdür.

311
00:14:01,460 --> 00:14:01,640
Sağ?

312
00:14:01,640 --> 00:14:02,973
Gerçekten bir şey ifade etmiyor.

313
00:14:02,973 --> 00:14:05,140
Yani keyfi bir var
Benim sayfanın ilk bölümü.

314
00:14:05,140 --> 00:14:07,848
Sonra, yerine başka bir div
Daha sonra, hat sekiz başlayarak

315
00:14:07,848 --> 00:14:08,730
Bu form var.

316
00:14:08,730 --> 00:14:13,594
Ve formun içinde bir var
girişlerin sayısı, form alanları.

317
00:14:13,594 --> 00:14:16,510
Yani ismi olan bir alan var A-
gerçekten bir şey demek değildir ki

318
00:14:16,510 --> 00:14:19,350
Sağ şimdi-- görünüşte
metin, başka bir alır

319
00:14:19,350 --> 00:14:22,630
Bir Radyo bir şifre, başka sürer
düğmesi, bir onay kutusu olduğunu başka,

320
00:14:22,630 --> 00:14:24,797
ve bu başka bir düğmeye gönderin.

321
00:14:24,797 --> 00:14:26,630
Peki, bu yapar
Tüm aslında benziyor?

322
00:14:26,630 --> 00:14:27,629
Peki, bir göz atalım.

323
00:14:27,629 --> 00:14:31,010
Bizim önizleme penceresinde açmak gerekir.

324
00:14:31,010 --> 00:14:33,557
Bu keyfi fark
Önce orada division--

325
00:14:33,557 --> 00:14:34,640
Burada hiçbir görsel ayrılması.

326
00:14:34,640 --> 00:14:37,150
Bu gerçekten doğru, bir şey yapmadım?

327
00:14:37,150 --> 00:14:38,220
>> Ve sonra benim form var.

328
00:14:38,220 --> 00:14:39,890
Ve ben herhangi bir özel biçimlendirme yapmadım.

329
00:14:39,890 --> 00:14:42,680
Yani formu sadece biridir
bilgi büyük satır.

330
00:14:42,680 --> 00:14:46,424
Ben farklı formumu biçimlendirilmiş olsaydı,
Ben satır satır satır olabilir.

331
00:14:46,424 --> 00:14:47,590
Ama herhangi bir stil yapmadım.

332
00:14:47,590 --> 00:14:49,256
Yine, burada CSS bahsetmiyoruz.

333
00:14:49,256 --> 00:14:51,030
Biz sadece HTML bahsediyoruz.

334
00:14:51,030 --> 00:14:53,980
>> Eh benim metin şeklinde ben type-- edebilirsiniz
unutmayın tipi metin biçimleri

335
00:14:53,980 --> 00:14:55,480
bu yüzden benim adını koyabilirsiniz.

336
00:14:55,480 --> 00:14:57,330
Ve benim şifre I
Şifremi yazabilirsiniz.

337
00:14:57,330 --> 00:14:59,740
Ve bu alanda, çünkü
tip şifre olduğunu

338
00:14:59,740 --> 00:15:01,470
sen benim şifre ne olduğunu bilmiyorum.

339
00:15:01,470 --> 00:15:02,800
Tüm noktalar var.

340
00:15:02,800 --> 00:15:09,140
>> Ben de bir kene seçebilirsiniz
radyo düğmesi veya onay kutusunu işaretleyiniz.

341
00:15:09,140 --> 00:15:10,420
Ya da benim formu gönderin olabilir.

342
00:15:10,420 --> 00:15:11,810
Ve ben hiçbir şey yapmadım,
bu yüzden benim formunu gönderdiğinizde,

343
00:15:11,810 --> 00:15:13,090
sayfa yenileniyor.

344
00:15:13,090 --> 00:15:16,970
Ama belki de yapılandırabilirsiniz benim
Başka bir şey yapmak için düğmeye gönderin.

345
00:15:16,970 --> 00:15:20,410
Ve biz neler yapabileceğini göreceğiz
PHP üzerinde bir gelecekte video söyledi.

346
00:15:20,410 --> 00:15:22,520
Ama bu çok oluşturur
basit bir form biz

347
00:15:22,520 --> 00:15:27,360
Kullanıcıların etkileşim olması için kullanabileceğiniz ve
Web sitemize bilgilerinizi gönderin.

348
00:15:27,360 --> 00:15:29,620
>> Son bir açıklama biz önce
diğer bazı etiketler geçmek

349
00:15:29,620 --> 00:15:32,040
Bu bir göz atın için vardır
giriş etiketi bir kez daha.

350
00:15:32,040 --> 00:15:35,760
Ben vurguladık Bildirimi
kırmızı etiketin biter.

351
00:15:35,760 --> 00:15:39,390
Şimdiye kadar gördüğüm her etiket vardır
Bir başlangıcı ve sonu, bir açılış vardı

352
00:15:39,390 --> 00:15:41,030
etiket ve kapatma etiketi.

353
00:15:41,030 --> 00:15:42,520
>> Ama bir giriş etiketi yok.

354
00:15:42,520 --> 00:15:46,860
Gider metin yok
Giriş etiketleri arasında.

355
00:15:46,860 --> 00:15:49,160
Tüm bilgiler
Biz iletmek niyetinde ediyoruz

356
00:15:49,160 --> 00:15:52,640
bir parçası olarak bağlı
Bu girişin bağlıyor.

357
00:15:52,640 --> 00:15:54,690
Biz girdi adı x eşittir var dikkat edin.

358
00:15:54,690 --> 00:15:55,580
Tür y eşittir.

359
00:15:55,580 --> 00:15:57,660
Budur gerçekten tüm
bilgi İhtiyacımız.

360
00:15:57,660 --> 00:15:59,470
>> Bu kendi kendine kapatma etiketi denir.

361
00:15:59,470 --> 00:16:02,470
Bir açıklığı ve bir gerektirmez
yakın tüm bilgileri nedeniyle

362
00:16:02,470 --> 00:16:04,974
içinde bulunan
etiket ve nitelikleri.

363
00:16:04,974 --> 00:16:06,390
Yani bazen de bu görürsünüz.

364
00:16:06,390 --> 00:16:10,400
Eğer bir varsa o yüzden sadece farkında olmak
tamamen kendi kendine yeten etiket,

365
00:16:10,400 --> 00:16:14,170
o açar ve kendini kapatır
Soldaki açık açılı ayraç

366
00:16:14,170 --> 00:16:17,000
ve çizgi açısı
Sağdaki braket.

367
00:16:17,000 --> 00:16:20,580
Biz onlardan bir tane görürsünüz
Şu anda görüntü etiketleri ile de.

368
00:16:20,580 --> 00:16:23,300
>> Biz görüntüleri hakkında konuşmaya başlamadan önce, biz
köprüler hakkında konuşmalıyız.

369
00:16:23,300 --> 00:16:26,080
Biz isterseniz web sayfası olmak
interaktif ve bize hareket,

370
00:16:26,080 --> 00:16:28,121
o muktedir güzel olurdu
onlardan biri tıklayın

371
00:16:28,121 --> 00:16:30,190
Ne tipik mavi linki olmuştur.

372
00:16:30,190 --> 00:16:34,440
Biz nasıl inşa aslında
Web sayfasında bir köprü.

373
00:16:34,440 --> 00:16:36,540
Ve ilginç bir şekilde
Başka bir HTML etiketi var

374
00:16:36,540 --> 00:16:39,000
Köprü değil, hangi bağlantı denir.

375
00:16:39,000 --> 00:16:44,130
Bir Burada çapa anlamına gelir, ve
biz bir köprü işaret nasıl.

376
00:16:44,130 --> 00:16:49,150
>> Bir href x aracı gitmek eşittir
web sayfası X. Ve her şey

377
00:16:49,150 --> 00:16:51,580
Bir etiket arasında açık
ve yakın bir etiket

378
00:16:51,580 --> 00:16:56,010
Ne olacak ki altı çizili
bir bağlantı gibi görünüyor mavi metin

379
00:16:56,010 --> 00:16:57,590
Biz aşina olduğunu.

380
00:16:57,590 --> 00:17:01,660
Bunun altında biz bir görüntü etiketi, sahip olduğu
Bir öz görüntülemek için etiket kapatıyor

381
00:17:01,660 --> 00:17:05,599
X bulunan bir görüntü ve
Değiştirmek mümkün olabilir

382
00:17:05,599 --> 00:17:08,280
belirterek bu görüntü
genişlik ve yükseklik

383
00:17:08,280 --> 00:17:11,640
ve diğer özellikler de
Bu dot dot dot var.

384
00:17:11,640 --> 00:17:14,260
>> Burada çok altında
Biz çok ilginç var

385
00:17:14,260 --> 00:17:16,170
etiket görünümlü bu değil
bir kapanış etiketi var.

386
00:17:16,170 --> 00:17:19,410
Bu ünlem doctype HTML var.

387
00:17:19,410 --> 00:17:23,300
Yani HTML yana civarında olmuştur
web sayfaları oluşturmak için 1990'ların başında,

388
00:17:23,300 --> 00:17:25,859
ve geçirmiş gitti
O zamandan beri birkaç revizyonlar.

389
00:17:25,859 --> 00:17:28,550
En son 2014 yılında
Bir revizyon uygulandı

390
00:17:28,550 --> 00:17:33,440
Şu anda mevcut olan HTML5 denilen
fiili HTML standardının tür.

391
00:17:33,440 --> 00:17:36,730
>> Gösteriyor ki için web
sayfalar, HTML5 kullanılarak yazılmış olan

392
00:17:36,730 --> 00:17:38,160
Biz başlamak nasıl budur.

393
00:17:38,160 --> 00:17:40,380
Bu ihmal edilebilir ancak
Ne temelde

394
00:17:40,380 --> 00:17:45,930
araç size etiketleri herhangi birini kullanmak olamaz
HTML5 etiketleri, bu yeni etiketleri vardır.

395
00:17:45,930 --> 00:17:48,591
Yani biz hep başlamak
Biz HTML5 kullanıyorsanız.

396
00:17:48,591 --> 00:17:51,340
Ve tüm etiketler biz konuştuk
Daha önce HTML5 etiketleri değildir.

397
00:17:51,340 --> 00:17:55,470
Ancak bu, işaret eder
HTML5 etiketleri mevcut olacaktır.

398
00:17:55,470 --> 00:17:58,400
Ve böylece biz ünlem var
doctype HTML, hangi

399
00:17:58,400 --> 00:18:01,280
başında olan bizim
HTML dosyası ve daha sonra bundan sonra nokta

400
00:18:01,280 --> 00:18:04,930
biz aslında bizim HTML açık olan
etiketlemek ve oradan devam edin.

401
00:18:04,930 --> 00:18:10,050
>> Sonuncusu, bir açıklama etiketi
çok hangi biraz farklı görünüyor.

402
00:18:10,050 --> 00:18:12,810
Bu açı ile başlar
braket ünlem çizgi

403
00:18:12,810 --> 00:18:15,220
tire ama hiçbir kapanış dirsek.

404
00:18:15,220 --> 00:18:20,150
Orada bu iki unsur arasında
Eğer yorum yazmak yerdir.

405
00:18:20,150 --> 00:18:28,420
Ve görüntülerin bir göz atalım
ve yorumlar CS50 IDE bağlantıları.

406
00:18:28,420 --> 00:18:32,850
>> Bu yüzden bir dosya olarak adlandırılan görüntü bağlantısı burada var
Ben açacağım nokta HTML.

407
00:18:32,850 --> 00:18:36,420
Ve ben bir arkadaşım var Bildirimi
benim HTML açıklamalarda burada yorumlar.

408
00:18:36,420 --> 00:18:38,990
Dolayısıyla, sadece C ve diğer benzeri
Programlama dilleri,

409
00:18:38,990 --> 00:18:43,169
Sadece bir işaretleme dili olarak HTML
yorumlarınız için yeteneği var.

410
00:18:43,169 --> 00:18:45,710
Ve bu yüzden görünüşte gidiyorum
Rick Astley bir resmini koymak

411
00:18:45,710 --> 00:18:49,060
bir yerde bu div arasında
etiketi, bu keyfi bölünme.

412
00:18:49,060 --> 00:18:51,497
Görünüşe göre o dosya
Rick dot JPEG, bulunan hangi

413
00:18:51,497 --> 00:18:53,580
biz üzerinde geri kafa eğer
İkinci benim dosya ağaç,

414
00:18:53,580 --> 00:18:55,490
var olan bir dosyadır
Geçerli dizin.

415
00:18:55,490 --> 00:18:56,031
Yani tamam.

416
00:18:56,031 --> 00:18:57,710
Bunu başvuruda bulunabilir.

417
00:18:57,710 --> 00:18:59,680
>> Sonra iç bağlantıları olabilir.

418
00:18:59,680 --> 00:19:05,080
Yani burada hat 11 fark
Benim href merhaba nokta HTML.

419
00:19:05,080 --> 00:19:09,050
Yani bu sadece nokta HTML merhaba anlamına gelir
hangi geçerli dizinde bulunmaktadır.

420
00:19:09,050 --> 00:19:12,980
Ve ben de harici olabilir
HTTPS sadece belirterek bağlantılar

421
00:19:12,980 --> 00:19:16,180
Ben konuşuyor değilim belirtmek için
Benim geçerli dizinde bir dosya hakkında.

422
00:19:16,180 --> 00:19:19,730
Ben var olan bir dosyaya bahsediyorum
bir yere sahip internet üzerinde

423
00:19:19,730 --> 00:19:23,370
HTTP protokolünü kullanarak istemek için.

424
00:19:23,370 --> 00:19:25,990
>> Yani bir göz atalım neler
Bu sayfayı gibi görünebilir

425
00:19:25,990 --> 00:19:29,500
ve Rick bir resim için hazır olsun
Astley ekranda göstermek için.

426
00:19:29,500 --> 00:19:31,490
Yani bu önizleme olacak.

427
00:19:31,490 --> 00:19:33,800
Rick Astley de var
Bu keyfi olarak çok üst

428
00:19:33,800 --> 00:19:35,008
bölünme ben üstündeki koydu.

429
00:19:35,008 --> 00:19:36,960
Ve sonra aşağı aşağıda
Benim bağlantıları var, değil mi?

430
00:19:36,960 --> 00:19:39,330
>> Merhaba nokta HTML bir bağlantı var.

431
00:19:39,330 --> 00:19:42,860
Ve bunu tıklarsanız, ben olsun
Bu sayfa için üzerinde taşındı

432
00:19:42,860 --> 00:19:47,050
biz kimden çok aşina olduğunuzu
Programımızın başından.

433
00:19:47,050 --> 00:19:50,880
Ben yine açık bu sayfayı pop ise, eğer ben
pop görüntü bağlantısı, bir kez daha açmak

434
00:19:50,880 --> 00:19:54,420
Ben de dışarıdan gidebilir
CS50 web sitesine.

435
00:19:54,420 --> 00:19:56,740
Ve orada biz olacak see--
biraz uzaklaştırmak var--

436
00:19:56,740 --> 00:20:00,260
biz CS50 web sitesini tür görürsünüz
Bizim sayfanın ortasında gömülü.

437
00:20:00,260 --> 00:20:04,670
Yani bir iç yapmak başardı
bir harici link yanı sıra bağlantı.

438
00:20:04,670 --> 00:20:07,200
>> HTML ile son kural
Burada hakkında konuşmak için gidiyoruz

439
00:20:07,200 --> 00:20:09,510
HTML de oluşmuş gerektiğidir.

440
00:20:09,510 --> 00:20:13,020
C biz çok konuştuk
şeylerin çeşitli sözdizimi.

441
00:20:13,020 --> 00:20:17,650
HTML'de sözdizimi gerçekten
etiketleri etrafında döner.

442
00:20:17,650 --> 00:20:19,660
Açtığınız her etiket kapatılması gerekiyor.

443
00:20:19,660 --> 00:20:22,630
Ve aslında, her etiket açmak
tersten kapatılmalıdır.

444
00:20:22,630 --> 00:20:25,790
>> Yani cesur bir etiketi açarsanız, bir italik
etiketi, ardından bir alt çizgi etiketi

445
00:20:25,790 --> 00:20:28,120
a her üç yapmak
Metnin özellikle seti,

446
00:20:28,120 --> 00:20:30,070
Eğer ters sırayla kapatmak gerekir.

447
00:20:30,070 --> 00:20:32,270
Eğer cesur açıldı Yani,
italik, sen altını

448
00:20:32,270 --> 00:20:35,240
kalın, çizgi, italik kapatmak istiyor.

449
00:20:35,240 --> 00:20:39,990
Kapsülleme Bu tür ne olduğunu
HTML, güzel ve organize tutar.

450
00:20:39,990 --> 00:20:44,370
>> C farklı olsa da, sözdizimi hataları olmaz
Aslında muhtemelen HTML sakat.

451
00:20:44,370 --> 00:20:48,730
Sizin HTML değil de olabilir
oluşmuş ama yine de çalışmaya devam eder.

452
00:20:48,730 --> 00:20:50,589
Ve böylece bu hatalar
tarafından slayt sıralayabilirsiniz.

453
00:20:50,589 --> 00:20:52,130
Gerçekten uyanık olmak size kalmış.

454
00:20:52,130 --> 00:20:54,760
Bazen başarısız olur ama
bazen onunla uzak alabilirsiniz.

455
00:20:54,760 --> 00:20:56,509
>> Bu gerçekten olabilir
zor bir görev olsa da,

456
00:20:56,509 --> 00:21:00,660
Eğer açıldığında izlemek için
Bir etiket, bunu ne zaman kapalı,

457
00:21:00,660 --> 00:21:04,110
özellikle HTML olarak
Dosyaları büyük ve daha büyük olsun.

458
00:21:04,110 --> 00:21:05,490
Sen biraz yardım isteyeceksiniz.

459
00:21:05,490 --> 00:21:07,560
Ve çevrimiçi vardır
validator araçları olduğunu sen

460
00:21:07,560 --> 00:21:11,474
web bir göz için kullanabileceğiniz
sayfa ve iyi biçimlendirilmiş HTML olmadığını görmek.

461
00:21:11,474 --> 00:21:13,390
Ve kesinlikle gerekir
Bu bir göz atın

462
00:21:13,390 --> 00:21:16,620
ve senin gibi bunları kullanmaya başlayabilirsiniz
HTML ile bazı işler yapıyor başlar,

463
00:21:16,620 --> 00:21:20,800
olsun sadece bu yüzden, HTML yazma
düzenleme hakkında bazı iyi alışkanlıklar

464
00:21:20,800 --> 00:21:24,377
iyi bir şekilde HTML ve
iyi stil ve emin

465
00:21:24,377 --> 00:21:27,210
Eğer bir şey yapmıyoruz o
sözdizimi hatası yaratabileceği

466
00:21:27,210 --> 00:21:30,270
Size biraz neden olur
yolda bir sorun.

467
00:21:30,270 --> 00:21:31,190
>> Ben Doug Lloyd değilim.

468
00:21:31,190 --> 00:21:33,450
Bu CS50 olduğunu.

469
00:21:33,450 --> 00:21:34,859