1
00:00:00,330 --> 00:00:00,640
Orada.

2
00:00:00,660 --> 00:00:01,610
Tekrar hoşgeldiniz.

3
00:00:01,920 --> 00:00:04,060
Dolayısıyla bu ders çok hızlı olacak.

4
00:00:04,200 --> 00:00:10,680
Sadece iki etiketten bahsediyoruz DIV etiketi ve yayın etiketi ve yaptıklarına ve

5
00:00:11,040 --> 00:00:16,480
bunları nasıl kullanacağımızıza kadar nereden bakabildiğimizi değerlendirene kadar gerçekten konuşamıyoruz.

6
00:00:16,560 --> 00:00:22,410
Ancak şimdi bunları tanıtmak istiyorum, çünkü size div ve span kullanarak şeyler göstereceğim.

7
00:00:22,410 --> 00:00:27,110
Sonraki birkaç videoda ve aslında bu dersin ilk taslağında açıklamak için harika bir iş

8
00:00:27,120 --> 00:00:27,640
çıkarmadım.

9
00:00:27,690 --> 00:00:31,820
Ben de geri döndüm ve bunu Kurs yayınlandıktan sonra bir sonra ekledim.

10
00:00:31,950 --> 00:00:37,890
Dave'in daha önce açıklarken daha iyi bir iş çıkardım, belki de temizleyebileceğimi fark ettim birkaç

11
00:00:37,920 --> 00:00:38,800
soru gördüm.

12
00:00:39,000 --> 00:00:39,340
TAMAM.

13
00:00:39,360 --> 00:00:42,030
Bu yüzden divs ve span'ler hakkında konuşmaya başlayalım.

14
00:00:42,060 --> 00:00:47,490
Söyleyeceğim ilk şey, bahsettiğim gibi ikisi de aslında unsurları şekillendirene kadar

15
00:00:47,490 --> 00:00:49,770
o kadar da yararlı değil.

16
00:00:49,770 --> 00:00:56,760
içeriği birlikte gruplamanıza izin verdiklerinden, MT-NW'ye göre bir div sadece genel bir kapsayıcıdır.

17
00:00:56,760 --> 00:00:58,060
Ancak yaptıkları,

18
00:00:58,320 --> 00:01:04,440
Yani sadece bir şeyleri örnek olarak bir araya getirmenin bir yoludur Burada bir div olduğunu söylemiyorum,

19
00:01:05,040 --> 00:01:09,210
ancak bu bir div sadece bir içerik etrafında bir kutu olabilir.

20
00:01:09,210 --> 00:01:15,420
Burada bazı metinlere benziyor ve bazı resimler var ve hepsini bir araya toplayıp büyük bir sınır vermek ya

21
00:01:15,420 --> 00:01:20,380
da bir arka plan vermek için bana bir div ile bunu yapabileceğiniz bazı metinler var.

22
00:01:20,400 --> 00:01:24,960
Yine nasıl yaptığınızı henüz konuşmadık ama fikir sadece şeyleri

23
00:01:24,960 --> 00:01:25,780
birlikte gruplayabilmenizdir.

24
00:01:25,950 --> 00:01:29,660
Dolayısıyla ileride bu derste divs kullanmamı çok isteyeceksiniz.

25
00:01:29,760 --> 00:01:32,450
Sana hızlı bir örnek göstereceğim.

26
00:01:32,520 --> 00:01:40,290
Dolayısıyla burada biraz metin eklersem ve bu aslında bu dersin öğrencilerinden birinin tartışma forumunda

27
00:01:40,290 --> 00:01:41,750
belirttiği bir şey.

28
00:01:41,790 --> 00:01:47,410
Lorem yazıp sekmeye basarsan, hangisinin güzel olduğunu bilmiyordum.

29
00:01:47,590 --> 00:01:53,170
Bu bize Lorem Ipsum'u temelde bir örnek metin yer tutucu metin parçası verecektir.

30
00:01:53,280 --> 00:01:58,100
Bu yüzden bunu iki tane yapmak için kullanacağım.

31
00:01:58,440 --> 00:02:06,470
Ve sonra bir H1 ekleyin ve bu H-1 gerçekten önemli değil ya da sadece orada bir şey koymak

32
00:02:06,470 --> 00:02:06,890
diyelim.

33
00:02:07,020 --> 00:02:08,990
Ancak şunu diyelim ki bunun bir paragraf

34
00:02:12,060 --> 00:02:14,300
olduğunu ve bu iki şeyi birlikte gruplamak istediğimi varsayalım.

35
00:02:14,310 --> 00:02:19,560
H-1 paragrafında sonuçta tekrar yapamayacağımızı söyleyelim ama sonuç olarak bir kutu

36
00:02:19,560 --> 00:02:22,150
olmasını istiyorum kenarlık ve portakal kenarlığı.

37
00:02:22,260 --> 00:02:24,230
Ancak bunu içermez.

38
00:02:24,270 --> 00:02:28,630
Yapabildiğim şey onları bir div etiketiyle bir araya

39
00:02:33,090 --> 00:02:35,340
getirmek ve böylece kaydetmek.

40
00:02:35,460 --> 00:02:41,700
sayfayı yenileyebilir veya ilk etapta açarsam, hiç farklı görünmeyecektir.

41
00:02:41,700 --> 00:02:42,350
Ve

42
00:02:42,430 --> 00:02:48,180
Aslında hiçbir şeye benzemeyecek değil çünkü bize olanaksız bir şey olmadığını görmemiz için hiçbir tasarım yok

43
00:02:48,180 --> 00:02:53,580
bu iki şeyin artık bir kutu içinde sadece genel bir kutu onları bir araya getiren

44
00:02:53,580 --> 00:02:56,540
bir konteynerle bir araya getirilerek daha sonra stil alabiliyoruz.

45
00:02:56,580 --> 00:03:01,800
Eğer sarı arka plana sahip olsaydım, o bölgeye bir arka plan

46
00:03:01,800 --> 00:03:07,350
verdim, sarı arka plan kabaca etrafında gidecekti, ancak ikinci paragraftan hiçbirini içermeyecekti.

47
00:03:07,350 --> 00:03:12,440
Öte yandan bir div alanı da genel bir konteyner.

48
00:03:12,630 --> 00:03:14,840
Fakat önemli bir fark var.

49
00:03:14,910 --> 00:03:17,640
Bu yüzden, burada bir örnekle başlamama izin verin.

50
00:03:17,910 --> 00:03:23,520
Diyelim ki burada bazı sözcükleri vurgulamak istedim.

51
00:03:23,670 --> 00:03:24,600
Ipsum kapısı.

52
00:03:24,660 --> 00:03:30,840
Ne olursa olsun bunu sarı yapmak yerine sarı yapmak istediğim her neyse, metnin geri kalan kısmı siyah.

53
00:03:30,930 --> 00:03:34,510
Ancak bunu sarı olarak vurgulamak ve yazı tipini daha da büyütmek istiyorum.

54
00:03:34,590 --> 00:03:36,090
Yine bunu nasıl yapacağımızı bilmiyoruz.

55
00:03:36,450 --> 00:03:43,410
bir etiket gerekecektir ve orada bir div koyarsanız, orada genel bir konteyner ups

56
00:03:45,390 --> 00:03:54,960
ve kaydetmek ve yenilemek yeni bir hat üzerine çaldı ve bunun bir div bir blok olduğu için düzey elemanı.

57
00:03:54,990 --> 00:03:57,120
Ancak fikrim bunun etrafında

58
00:03:57,120 --> 00:04:01,410
Dolayısıyla, bir paragrafın yaptığı gibi, kendi çizgisini alır.

59
00:04:01,410 --> 00:04:06,960
Paragraf, yeni bir satıra indirildikten sonra her şeye bir paragraf eklediğinizde.

60
00:04:07,230 --> 00:04:10,470
Yani div, blok seviyesinde jenerik bir konteynerdir.

61
00:04:10,470 --> 00:04:17,430
Bunu bir span ile değiştirirsem, bu hiç de etkileyici olmayacaktır, çünkü burada nasıl bir şey görebilirim, burada

62
00:04:17,430 --> 00:04:22,410
bir değişiklik göreceksiniz, ancak normal bir paragrafa benzeyeceksiniz, böylece yenileyeceğim ve bir

63
00:04:23,930 --> 00:04:25,340
konteyner var .

64
00:04:25,340 --> 00:04:30,140
Şimdi bu içeriğin etrafında, hiçbir şey yapmayan genel bir alan var.

65
00:04:30,540 --> 00:04:33,860
Bir div aksine satır içi bir konteyner.

66
00:04:33,870 --> 00:04:40,680
Dolayısıyla span temel olarak içeriği seçen içeriği gruplandırmak içindir ve div, içeriği gruplamanın başka bir

67
00:04:40,680 --> 00:04:41,200
yoludur.

68
00:04:41,310 --> 00:04:42,930
Ancak bu bir blokaj düzeyi unsurudur.

69
00:04:43,200 --> 00:04:45,840
Bu yüzden bu noktada teorik olarak birazcık olduğunu biliyorum.

70
00:04:45,970 --> 00:04:48,820
Avantajını anlamak biraz zor.

71
00:04:48,990 --> 00:04:55,290
on beş nokta yazı tipi ve sarı yapacak bir şeyler söyleyebileceğiz ya da eklediğim div'yi

72
00:04:55,380 --> 00:05:03,830
bulup o turuncu bir sınır verelim ve ne olursak olun yapın ve sonra bu içeriğin etrafına turuncu bir sınıra gelin.

73
00:05:04,010 --> 00:05:08,060
Ama çok yakında Css'e girdiğimde gidip eklediğim alanı bulup

74
00:05:08,070 --> 00:05:11,020
Pekala, harika divs span'ın genel kaplarını.

75
00:05:11,190 --> 00:05:12,510
Biri siyah, biri sıradadır