1
00:00:00,420 --> 00:00:07,170
Bu video, HTML Özniteliklerine odaklanmıştır nitelikler, yaşlanmış elemanlara ek bilgi
2
00:00:07,170 --> 00:00:08,500
ekleme şeklimizdir.
3
00:00:08,670 --> 00:00:13,590
Bu nedenle, bu cümleyi çokça duyacağınız anahtar değer çifti biçimini alıyorlar.
4
00:00:13,590 --> 00:00:17,990
Temel olarak bir mülk ve daha sonra karşılık gelen bir değeri ifade eder.
5
00:00:18,330 --> 00:00:26,180
Yani kaynak eşittir gibi bir şey olabilir. Corgies yukarı PMG sınıfı eşit seçilen tür metinden daha az SS'ye eşittir Bu
6
00:00:26,190 --> 00:00:28,030
yüzden ne yaptıklarını merak etmeyin.
7
00:00:28,050 --> 00:00:29,300
Onların hepsini zamanında göreceğiz.
8
00:00:29,460 --> 00:00:37,680
elemanlar için olduğu gibi kapsamlı bir öznitelik referansına sahiptir, ancak onun içindeki tüm nitelikler için de geçerlidir.
9
00:00:37,680 --> 00:00:43,130
Ancak, bir sözcüğün bu biçimi metin iletisindeki bir şeye eşittir Geliştirici ağı,
10
00:00:43,500 --> 00:00:47,820
Dolayısıyla fark edeceğiniz ilk şey, bir sürü farklı özelliğin olmasıdır.
11
00:00:48,360 --> 00:00:51,880
Ve elemanlarla olduğu gibi hepsini de bilmek zorunda değilsiniz.
12
00:00:51,900 --> 00:00:58,560
Aslında çoğu geliştirici bu ürünlerin yüzde 80'ini kullanmaz, dolayısıyla geliştiricilerin oldukça sık kullandıkları beş belki 10
13
00:00:58,560 --> 00:01:01,130
belgeden oluşan bir alt kümesi bulunur.
14
00:01:01,470 --> 00:01:05,480
Ayrıca, her öznitelikin her bir öğede çalışmadığını da belirtmek önemlidir.
15
00:01:05,490 --> 00:01:09,750
Aslında birçok özellik sadece iki ila beş farklı element üzerinde çalışır.
16
00:01:09,750 --> 00:01:11,440
Bazıları sadece bir tane üzerinde çalışıyor.
17
00:01:11,580 --> 00:01:16,520
Bu nedenle, bu ikinci sütun, belirli bir öznitelik için çalışan öğeleri belirtir.
18
00:01:16,590 --> 00:01:20,980
Bu yüzden, asla kullanmam gereken bir özellik olan kod gibi bir şey.
19
00:01:21,120 --> 00:01:26,130
Ancak buradan, yüklenip büyük bir idam için sınıflandırılmış bir elmanın
20
00:01:26,130 --> 00:01:27,580
dışında olduğunu belirleyebiliriz.
21
00:01:27,600 --> 00:01:33,250
Bunun anlamı ne olursa olsun ve sadece daha önce hiç kullanmak zorunda kalmadığım bir applet öğesinde çalışıyor.
22
00:01:33,450 --> 00:01:38,680
Ancak, yalnızca daha fazla arama yapacağım kaynak gibi ortak bir şey alırsanız, RC nitelikinin
23
00:01:38,790 --> 00:01:45,300
epeyce farklı öğeler üzerinde çalıştığını görebilirsiniz. Ses, I-çerçeve görüntüsü girişi komut dosyası kaynaklı video izleyin ve biz
24
00:01:45,450 --> 00:01:49,360
aslında kaynağı kullanacağız Bu videonun ilerleyen kısımlarında yer alan özellik.
25
00:01:49,380 --> 00:01:53,790
Anahtar teslimi paketinde çok sayıda öğe var gibi nitelikler var ama gerçekten
26
00:01:53,790 --> 00:01:59,220
de birkaç önemli nokta var ve bunlardan ikisini kılıç ve HPF olarak vurgulayarak başlayacağım
27
00:01:59,640 --> 00:02:05,220
ve bu iki nitelik gerçekten de görüntüler için önemlidir. ve sırasıyla etiketleri veya bağlantıları tutturun.
28
00:02:05,490 --> 00:02:09,880
Böylece resimleri gerçekten eğlenceli hale getirmek için slaytlara geri dönelim.
29
00:02:09,900 --> 00:02:12,010
Bir web sitesi hazırlamanın önemli bir parçası.
30
00:02:12,130 --> 00:02:14,490
Aslında yazmak için çok kısa etiketler var.
31
00:02:14,670 --> 00:02:20,760
Açılış ve kapanış etiketinin olmadığı yerden daha önce gördüklerinden biraz farklı göründüğünü
32
00:02:20,760 --> 00:02:21,630
fark edeceksin.
33
00:02:21,640 --> 00:02:25,570
İçeride bir içerik yok, iç HMO veya iç metin yok.
34
00:02:25,680 --> 00:02:32,650
Bunun yerine, açılıp kapanan ve daha sonra tek bir nitelik olan bu resim etiketine sahibiz.
35
00:02:33,450 --> 00:02:34,910
Bu işi nasıl yapacağınızı size göstereceğim.
36
00:02:34,920 --> 00:02:39,090
Elbette bir resim bularak başlayalım.
37
00:02:40,180 --> 00:02:42,870
Corgi karışımlarını özellikle severim.
38
00:02:42,870 --> 00:02:44,580
Corgi husky karışımları seviyorum.
39
00:02:44,580 --> 00:02:45,770
Oraya gidiyoruz.
40
00:02:46,320 --> 00:02:47,850
Sadece bu resmi alalım.
41
00:02:48,270 --> 00:02:49,610
Sevimli köpek.
42
00:02:49,950 --> 00:02:53,340
Ve bir yaş eski belgeye gidelim.
43
00:02:53,340 --> 00:02:55,550
Tekrar üzerinde çalıştıklarımıza geri döneceğim.
44
00:02:55,560 --> 00:03:00,060
Fakat bu açıkça inşa etmeye devam edecek uzun süreli bir site değil.
45
00:03:00,060 --> 00:03:02,640
Bu sadece HMO için bir çizik çizgi gibi.
46
00:03:03,570 --> 00:03:07,500
Sayfadaki herhangi bir yere gidelim ve kelimeyi tekrar yazın.
47
00:03:07,500 --> 00:03:08,870
Ben gm
48
00:03:09,150 --> 00:03:14,790
Kapanış etiketlerine ihtiyacımız yok, bu yüzden yapmayız.
49
00:03:14,790 --> 00:03:16,920
Bu kendi kapanış etiketidir.
50
00:03:17,370 --> 00:03:23,430
Ve o zaman var olmamız gereken tek bir özellik var; bu da S R
51
00:03:23,730 --> 00:03:30,330
C kaynak anlamına geliyor ve barındırılan bir şey olabilmeniz için bu etiketin kullanılmaya çalışıldığı resmin rolü.
52
00:03:31,140 --> 00:03:38,800
Yani bu görüntü burada, ancak aynı zamanda makinemde kaydettiğim bir görüntü olabilir.
53
00:03:39,420 --> 00:03:44,160
Aynı dizinde ben veya aynı klasör olabilir,
54
00:03:44,160 --> 00:03:48,410
bu durumda sadece JPAC köpek gibi başvuruyorum.
55
00:03:49,110 --> 00:03:52,200
Şimdilik bu çevrimiçi imajlarla uğraşacağız.
56
00:03:52,220 --> 00:03:56,540
hepsini daha sonra yeniden yapılandıracağımız yerden bahsedecek biraz daha zaman harcayacağız.
57
00:03:56,540 --> 00:03:58,080
Resimlerimizi nereye koyduğumuz ve
58
00:03:58,260 --> 00:03:59,300
Bunu kaydet.
59
00:03:59,610 --> 00:04:02,630
Bu dosyayı açalım.
60
00:04:03,690 --> 00:04:04,710
Ve işte gidiyoruz.
61
00:04:04,710 --> 00:04:06,590
Bir resim etiketi var.
62
00:04:07,440 --> 00:04:13,510
Dolayısıyla, bir niteliği kullanan başka bir etiket türü, bağlantıları nasıl oluşturduğumuz bir etikettir.
63
00:04:13,680 --> 00:04:16,560
Bu nedenle, etiket sensörü bağlantı etiketi gerçekten önemlidir.
64
00:04:16,560 --> 00:04:19,680
Diğer web sayfalarına bağlantılar oluşturmamızın yöntemi.
65
00:04:19,740 --> 00:04:24,450
Üzerinde tıkladığınız her sonuca bir şeyler aradığınızda Google'da bunu yaparız.
66
00:04:24,570 --> 00:04:25,490
Bu bir bağlantı etiketi.
67
00:04:25,500 --> 00:04:31,380
Bu bağlantılardan her biri veya bazı web sitelerinde tüm sosyal medya düğmelerini biliyorsanız Facebook
68
00:04:31,800 --> 00:04:36,390
Instagram Twitter tüm bu düğmeler aslında onlara tıkladığınız bağlantılardır ve başka
69
00:04:36,390 --> 00:04:38,000
bir sayfaya yönlendirirler.
70
00:04:38,730 --> 00:04:40,740
Yani biçimi aşağıdaki gibidir.
71
00:04:41,070 --> 00:04:45,550
İçinde bir metin açıp kapatan bir etiket.
72
00:04:45,840 --> 00:04:51,100
Sonra her ref özelliği, URL'nizin bazılarına eşittir.
73
00:04:51,180 --> 00:04:52,710
Bu yüzden size bir örnek göstereceğim.
74
00:04:52,740 --> 00:04:54,250
Bir etiket yapacağız.
75
00:04:54,960 --> 00:04:59,160
Ve bu sadece Google'ın bir bağlantısı olacak.
76
00:04:59,550 --> 00:05:07,700
Bu nedenle, ref özniteliğinin, GWW dot Google dot com'ya eşit olmasını sağlayacağız.
77
00:05:07,740 --> 00:05:08,910
Bağlantı burada.
78
00:05:08,910 --> 00:05:16,080
Sayfayı şimdi yenileyebilirim tabii ki tıkladığımda, bu bağlantı görünmez olduğu için aslında
79
00:05:16,110 --> 00:05:17,710
bir şey göremem.
80
00:05:17,730 --> 00:05:19,890
Üzerinde tıklamanız gereken hiçbir metin yok.
81
00:05:20,100 --> 00:05:30,710
İç içeriğindeki etiketler içinde bunun için bana gidip Google'a git dediğini söyleyeceğim.
82
00:05:31,980 --> 00:05:32,250
TAMAM.
83
00:05:32,250 --> 00:05:35,190
Gördüğünüz gibi beni tıklattığım güzel bir bağlantı haline getiriyor.
84
00:05:35,190 --> 00:05:38,180
Ayrıca bir satıriçi unsur olduğunu da farkedeceksiniz.
85
00:05:38,190 --> 00:05:39,740
Kendi bloğunu almaz.
86
00:05:39,750 --> 00:05:41,220
Kendi çizgisini almaz.
87
00:05:41,220 --> 00:05:44,460
İçeriği, altındaki yeni bir satıra zorla.
88
00:05:44,460 --> 00:05:48,100
Bu yüzden çizgide ve tıkladığımızda bunun bizi Google'a götürmesi gerekiyor.
89
00:05:48,120 --> 00:05:50,850
Ancak oldukça işe yaramıyor.
90
00:05:51,090 --> 00:05:57,330
Bana şu iki nokta üstüste eğik çizgi eğik çizgi koymamın tek ihtiyacın olan şey olduğuna bir göz at.
91
00:05:57,330 --> 00:06:00,330
Bu sadece dosyanın kendisidir.
92
00:06:00,330 --> 00:06:03,180
Sonra da www. Youtube. com.
93
00:06:03,180 --> 00:06:07,650
Bu işi arka uç bölümüne geldiğimizde çok fazla ayrıntıya girmeden
94
00:06:08,040 --> 00:06:14,520
çok fazla ayrıntıya girmeden, yalnızca bir dosyayı açtığınızda gerçekleşen dosya protokolü üzerindeyim ve bu
95
00:06:14,520 --> 00:06:21,690
bağlantıyı tıkladığımda , bir dosya protokolünü tekrar kullanmak ve yalnızca Google dot com adresine gitmek
96
00:06:21,690 --> 00:06:22,670
istediğimi düşünüyor.
97
00:06:22,740 --> 00:06:31,460
Ancak aslında yapmak istediğim, HTP protokolünde bulunan Google com.tr adresine gitmek.
98
00:06:31,530 --> 00:06:34,050
Bu yüzden bağlantısının açık olduğundan emin olmalıyım.
99
00:06:34,050 --> 00:06:38,500
Tıklamayı yenilediğimde Google'a gitmek için beni tıklayın.
100
00:06:38,520 --> 00:06:46,770
Aslında beni Google'a götürüyor çünkü bunu belirtmek için HTP iki nokta üst üste eğri çizgi çizelgesi olmalıdır www. Youtube. com.
101
00:06:48,180 --> 00:06:55,180
Bazen HTP'de olmayan başka bir sayfaya bağlanmak istediğimi söyledi.
102
00:06:55,350 --> 00:06:57,020
Bu yüzden sana bir örnek vereceğim.
103
00:06:57,150 --> 00:06:58,250
Bu bir etiket.
104
00:06:58,470 --> 00:07:05,290
Ve ben sadece bunu 2. sayfaya gidip HVM L'nin var olmadığını söyleyeceğim.
105
00:07:05,640 --> 00:07:07,710
2. sayfaya gidin.
106
00:07:08,640 --> 00:07:11,790
Ve şimdi yapmam gereken bir sayfayı
107
00:07:15,480 --> 00:07:21,510
yapmak ve bu sayfada da gerçekten çok basit bir paragraf olacak.
108
00:07:21,510 --> 00:07:28,530
Bu sayfa 2 ve masaüstümde aynı dizinde birlikte kaydediyorum.
109
00:07:28,530 --> 00:07:36,340
İlk sayfaya ve 2. sayfaya sahip olduğumu görebilir ve bu bağlantı sadece o HMO'nun sayfasına gider.
110
00:07:36,510 --> 00:07:39,980
Gördüğüm sayfayı yenileyerek 2. sayfaya geçin.
111
00:07:40,330 --> 00:07:43,680
Üzerine tıkladım ve uro'nun değiştiğini görebiliyorsun.
112
00:07:43,950 --> 00:07:50,460
aynı yere götürecek, ancak şu anda ilk sayfa çalışması Timo'dan ziyade HTML olarak geçiyor.
113
00:07:50,460 --> 00:07:52,050
Dolayısıyla şimdi beni
114
00:07:52,500 --> 00:07:55,120
Bu yüzden iki tür sizi ya da başka yerlerde görüyoruz.
115
00:07:55,230 --> 00:08:02,280
Birine göreceli bir yol deniyor ki herşeyi aynı tutacağım ve bu HMO'ya sıçrama sayfasında eklediğim
116
00:08:02,370 --> 00:08:09,780
yere göreceli olarak ya da nerede olduğuma göre önemli değil, çünkü Google'a tamamen farklı bir yere
117
00:08:09,780 --> 00:08:10,450
gitmek istiyorum.
118
00:08:10,590 --> 00:08:12,960
İkisi de atax.
119
00:08:13,320 --> 00:08:16,530
Dolayısıyla bu tür kullanım gerçekten çok yaygın.
120
00:08:16,800 --> 00:08:22,950
sizin oluşturduğunuz tüm farklı HMO dosyaları olabilir ve ardından bunları yalnızca atax ile bağlarsınız.
121
00:08:22,950 --> 00:08:29,010
Bir portföy siteniz varsa ve Hakkımda sayfanız varsa ve projeler için bir sayfa ve özgeçmiş
122
00:08:29,010 --> 00:08:30,940
ve iletişim bilgileriniz varsa, bunlar
123
00:08:31,290 --> 00:08:33,450
Ve bu kullanım durumu da gerçekten çok yaygındır.
124
00:08:33,600 --> 00:08:39,990
Facebook bağlantılarınıza ve Google Google Plus'ınıza bağlanmak isterseniz, herkesin veya sizin Instagram'ınızı kullanıp
125
00:08:39,990 --> 00:08:41,660
kullanmadığınızı tahmin edin.
126
00:08:42,030 --> 00:08:45,870
Bu yüzden, bunu özetlemek için resim etiketlerinin bulunduğu bir etiket var.
127
00:08:45,870 --> 00:08:51,720
Her ikisi de öznitelikleri kullanıyor ve öznitelikler bilgiyi aktardığımız yollar.
128
00:08:51,870 --> 00:08:57,980
Bu format anahtar değeri çifti, tırnak içinde bir şeye eşittir.