Etiketler arasında yer alan metin<ВIG> veya sırasıyla, az ya da çok standart olacak.

Üst ve alt dizinler

Tagov ile ve Ticari markaları, telif hakkı karakterlerini, linkleri ve dipnotları kaydetmek için gerekli olan üst ve alt dizinleri ayarlayabilirsiniz. Söz konusu etiketler, metin alanının içinde herhangi bir boyuttaki üst veya alt dizinler içinde oluşturmanıza olanak sağlar. Böylece çevre metinden daha az görünüyorlar, etiketleri kullanabilirsiniz. ve dan Öznitelik yazı tipi. Boyut \u003d -1, yazı tipi boyutunu azaltır.

Öznitelik boyutu

Öznitelik boyutu etiketi Bu alandaki metnin boyutunu ayarlamanızı sağlar. Etiket kullanmazsanız Sayfadaki belirli bir yazı tipi boyutunu belirtmek için, varsayılan olarak alınır. Bazı tarayıcılar etiketi Desteklemeyin, bu yüzden sadece metin alanında kullanmak arzu edilir. Diğer durumlarda, etiketleri kullanmak daha iyidir.<Н1>, <Н2>, <НЗ> vb. TAGA'nın ana avantajı Bu, eylemin bitiminden sonra, dizeyi etiket olarak kırmaz.<Нn>. Bu nedenle etiket Yazı tipi boyutunu çizginin ortasındaki değiştirmek için çok kullanışlıdır.

Öznitelik solor.

Sayfanızı daha renkli hale getirmek istiyorsanız, FON etiketinde solorun niteliğini kullanabilirsiniz ve ardından tek kısıtlama, kullanıcının bilgisayarındaki renk paleti olacaktır.

Ekran formunu yöneten etiketler tabloda gösterilir.

Bu etiketler yuvaya izin verir, bu yüzden hepsi başlangıcı ve bitiş etiketi vardır. Bu etiketleri kullanırken, ekranlarının, köprü metni geliştiricisinin ayarlarıyla çakışmayacak olan kullanıcı arayüz ayarlarına bağlı olduğu unutulmamalıdır.

HTML'de Liste Oluşturma

Listeler, metnin yapılandırılmasının ve tüm işaretleme dillerinde uygulanmasının önemli bir yoludur. NTML aşağıdaki liste türlerini içerir: Ölçülen olmayan liste (sırasız) (engelleyici listeler)

), numaralı liste (sipariş edilen) (sipariş listeleri
) Ve tanımların listesi. Ölçülen olmayan ve numaralandırılmış listeler için etiketler HTML'nin temelidir. HTML 3.2, ölçülen listelerde farklı işaretçiler ve farklı numaralandırma şemalarında farklı numaralandırma programlarını seçmek için etiketleri listelemek için birden çok özellik ekler. Bu nitelikleri ve liste etiketlerinin kendilerini etkinleştirebilirsiniz (Liste Öğesi
1. ) Listenin ortasındaki işaretleyici türünü değiştirmek için. Yeni bir özniteliğin görünümünden sonra, listedeki sonraki tüm işaretleyiciler aynı görünüme sahip olacaktır.

   Düzensiz Listeler - Etiket

   Ölçülen liste. Ölçülen olmayan liste, metin türünü oluşturmak için tasarlanmıştır:

   • listenin ilk elemanı;
   • listenin ikinci elemanı;
   • listenin üçüncü elemanı.

   Kaydedilmiş bu liste Bir dizi şeklinde:

   • listenin ilk elemanı
   • listenin ikinci elemanı
   • Üçüncü List Öğesi

   Etiketler - Bunlar, ölçülen listenin başlangıcının ve sonunun etiketleri, etiket

2. (Liste öğesi) Liste öğesinin etiketini belirtir. Bu etiketlere ek olarak, listeleri aramanıza izin veren bir etiket var - (Liste başlığı).

   Ticari olmayan bir listede belirteçlerin nitelikleri

   Aynı belirteçleri farklı yuvalama seviyelerinde uygulamamak için, lastik niteliğini kullanabilirsiniz. Herhangi bir işaretçiyi listenin keyfi bir konumuna ayarlayabilirsiniz. Karıştırabilirsin farklı şekiller Aynı listedeki işaretleyiciler. Aşağıda standart belirteç özelliklerine sahip aşağıdaki etiketler bulunmaktadır:

   Etiket, birinci seviyenin varsayılan seviyelerinde olduğu gibi, bu türde katı işaretleri oluşturur.
   Etiket, çevreler şeklinde işaretleyiciler oluşturur.
   Etiket katı kare belirteçler oluşturur.

   Sipariş Listeleri - Etiket

   Numaralandırılmış listeler. Etiket

   Lastiğin niteliği ile birlikte \u003d HTML 3.2, yalnızca sıradan sayıları değil, aynı zamanda küçük harf ve büyük harflerin yanı sıra küçük harf ve büyük harflerin yanı sıra küçük harf ve büyük harfleri kullanarak numaralandırılmış listeler oluşturmanıza olanak sağlar. Gerekirse, bu numaralandırma türlerini bir listede bile karıştırabilirsiniz:

   <ОL ТYРЕ=l> Etiket, formatında numaralandırılan bir liste oluşturur., 2., 3., 4., vb.<ОL ТYРЕ=А> Etiket, A, V., S., D., vb. Formatında numaralandırılan bir liste oluşturur.

   Etiket, A formatında numaralandırılan bir liste oluşturur., B., P., D. vb.<ОL ТYРЕ=I> Etiket, I., II formatında numaralandırılan bir liste oluşturur., III., IV. vb.

   Tanım Listesi - Etiket

   Liste etiketleri (Tanım Listesi:

   ,

   ,

   ) Bir terim listesi ve tanımlarını oluşturmak için kullanın. Etiket aşağıdaki gibidir.

   Terim

   Tanım

   Tanımlanabilir terim aynı hatta yazılır ve tanımı bir sonraki, sağa küçük bir girinti ile. Etiket

   Numaralandırma veya işaretçiler olmadan bir girinti ile ayrı paragraflar oluşturmanıza olanak sağlar. Girinti sol kenardan yapılır. Sayfada birkaç etiket varsa

   Metin yavaş yavaş giderek daha doğru değişir. Tanımın sonunda, kapanış etiketini yerleştirin

   . Unutmayın ki LT; DL Tag\u003e sadece paragrafın sol sınırını değiştirir.

   Yatay Kurallar - Etiket<НR>

   Yatay kural (yatay kural), belgeyi kısmen ayırmak için kullanılır. Bir etiket yardımı ile<НR> Bir sayfayı orijinal bir görünüm verebilirsiniz. Etiketi denemeye çalışın<НR>Ve genellikle kullananlara benzer olmayan, satır alacaksınız.

   Biçimlendirilmiş Sonuç - Etiket<РRЕ>

   Bu etiketin kullanımı, "olduğu gibi" (biçimlendirme olmadan), aynı semboller ve çizgilerin aynı bölünmesiyle metni görüntülemenizi sağlar.

   Uygulama etiketi

   Etiketler arasında yer alan metin vetitreme. Bu etiket yalnızca Netscape Navigator tarayıcısı tarafından desteklenir. Büyük özenle kullanılmalıdır.

   Sitede çevrimiçi ders kitapları

   HTML 4 ders kitabı

   Tag konteyner

   Tag konteyner

   Belge parçasını vurgulamaya hizmet eden bir blok seviyesinin bir elemanıdır. Bu seçimin amacı bu parçanın parametrelerini yönetmektir, bu da genellikle stilleri atayarak gerçekleştirilir. Bir örnek verelim:

   (Belge parçası)

   Bu örnekte, HTML belge parçası Etiketler tarafından çerçevelenmiştir.

   ve

   Bazı özelliklerini belirtmek için. Bu durumda, hepsi metin Öğeleri Seçilen fragman yeşil (yeşil) renkte gösterilecektir. Analog etiket

   Metin seviyesi bir element .

   Ayrı bir parçanın stil özelliklerinin, örnekte yapıldığı gibi derhal atanmasının, belgenin yapısını ve sunumunu ayırma kavramına uygun olarak kullanılması istenmez. Kitabın ikinci bölümünde tartışılacak olan stil tabloları kullanılmalıdır.

   Etiket

   Tag konteyner

   Tarayıcı görüntüleme penceresinin ortasındaki tüm öğelerin yatay hizalaması için tasarlanmıştır. Bir blok seviyesine sahiptir ve tablolar gibi bu tür elemanların randevu ile merkezlenemedikleri gibi bu tür öğeleri merkezlemek için kullanması yararlıdır.

   Align \u003d orta etiketi

   .

   Esasen etiket

   Bir sonraki kaydın kısa bir formudur:

   . Etiketin daha fazla kullanımı Önceki bölümde işaretlenmiş nedenlerle de istenmez.

   Herhangi bir web sayfası, üzerinde bulunan unsurlardan oluşur ve hemen her zaman DIV'nin blok düzeni yerleşimlerinden sorumludur. Tabii ki, ayrıca etiketleri kullanarak tabular bir düzen var.

   , ,

   Ve sistemin blok veya tabul kullanılması daha iyi olduğu konusunda bile anlaşmazlıklar vardır. Bununla birlikte, gerçekte, şu anda sadece bir masa düzenini kullanarak modern, popüler ve kullanışlı sitelerin hiçbirini karşılamıyorsunuz. En iyi ihtimalle, yalnızca amaçlandığı şey için kullanılır - bu, tablolar oluşturmak, ancak sitenin yapısını oluşturmamaktır. Gerçek şu ki, sitenin DIV düzeninin tablolara erişilemeyen bir dizi CSS özellikleri ayarlamanıza izin vermesidir. Ek olarak, tablo sisteminin en önemli dezavantajı, tablonun tarayıcı tarafından tamamen yükleninceye kadar ekranda gösterilmeyeceğidir. Tüm site tabloda yapılırsa, yalnızca tüm HTML sayfa kodu tamamen yüklendikten sonra ekranda görünecektir. Div etiketi ve şamandıra özelliği Blok sisteminin üssü etikettir hangi içerik için bir kaptır. Diğer kaplar da içerebilir . DIV etiketini kullanın, daha zor değildir. Kural olarak, sitenin standart yapısı aşağıdaki gibi oluşturulur: bir ana kap var (genellikle sarıcı, konteyner, ana vb.) Denilen bir sınıf atanır.). Bu konteynerin içinde menü blokları, içerik parçaları, sidbar vardır. Varsayılan olarak, her yeni blok yeni bir satırdan bulunur. Bloğu bir başkasının sol veya sağındaki (örneğin sağdaki kenar çubuğunu düzenlemek için), şamandıra özelliği kullanılır. Varsayılan olarak, "Yok" değerine sahiptir, ancak "sol" ve "sağ" değerini de ayarlayabilirsiniz. Bu özelliği iki bloklu bir örnek olarak düşünün. İçerik için blok Sagebara için blok Bu kod aşağıdaki sonucu verecektir: Mülkü temizle Şamandıra özelliğinin, yalnızca yazıldığı bloğun kendisine değil, aynı zamanda bu bloğu takip edecek olan elemanın da uzandığını dikkate almak önemlidir. Yani, yukarıda açıklanan iki bloğa başka bir blok eklersek, herhangi bir özellik göstermeden, yeni bir satıra sahip olmayacaktır, ancak ikinci bloğun sağına başlayacaktır. Bunu önlemek için, DIV'nin blok düzeni, yeni bir satırdan ayarlamak istediğimiz bu blok için belirtilmesi gereken açık özelliği kullanır. Bunun için en sık, "her ikisi de" olarak ayarlanmıştır, ancak sadece bloğu bulmak istememsek "sol" veya "sağ" değerleri de belirleyebilirsiniz. yeni dizeAma aynı zamanda ona hizalamayı sor. Yukarıdaki örneği yeni bir öğeyle tamamlayın: İçerik için blok Sagebara için blok Aşağıda bulunan yeni blok Sonuç: Blok düzeninde girinti Blokların konumuna ek olarak, hem bloklar arasında hem de içlerinde girintilerin belirlenmesi önemlidir. Bunun için sırasıyla, marj ve dolgu özellikleri kullanılır. Girintiler, elemanın üst, sağ, alt ve sol kısımları için ayrı olarak tanımlanır. Dört değeri listeleyerek bir satır tarafından belirtilebilirler: Marj: 20px 10px 0 40px Bu tür parametrelerle olan blok, üstün elemanın altında 20 pikselin altına yerleştirilecektir, geri ödenme elemanından on piksel için, alttan sıfır girintiye sahip olacak ve soldaki 40 piksel boyutunun bir girintisine sahip olacaktır. Tüm göstergeler, dolgu özelliğini gösterirse, içeriğin bulunduğu blok bloklarıyla ilgili olarak içeriğin iç girintileri olacaktır. Ayrıca, marj-top, kenar boşluğu, kenar boşluğu-sol, kenar boşluğu-sağ (ve dolguya benzeyen) bireysel yüzler için bireysel özellikler de belirleyebilirsiniz. Bu durumda, eğer yüzlerden bazıları belirtilmemişse, parçasındaki girinti sıfır olacak veya sayfadaki bloklar için belirtilen ortak CSS özellikleri tarafından belirlenecektir. Bu yazıda, bootstrap ızgarasının ana unsurlarıyla tanışacağız ve ayrıca bir site düzeni geliştirmek için bu örgü öğelerinin nasıl uygulanacağını düşündüğümüz birkaç örnekleri analiz edeceğiz. Bootstrap 3 ve 4 örgü örgü elemanları Bootstrap 3 ve 4 ağın ana elemanları şunlardır: protester kapları - Konteynırlı öğeler OR.Container-Fluid sınıfı; sıralar - Sınıf Satırlı Öğe; uyarlanabilir Bloklar - Bir veya daha fazla Col sınıfı olan öğeler. Hoşgeldin konteyneri - Bu, bir sayfa düzeninin oluşturulmasından veya bağımsız kısmından bazılarının başladığı ilk unsurdur. Onun asıl amacı geliştirilen düzenin genişliğini ayarlayın. Bootstrap 3 ve 4 Swrapsing kapları 2 tiptir. İlk (konteyner) oluşturmak için tasarlanmıştır adaptel olarak sabit düzen ve ikincisi (konteyner sıvısı) - için adapte Kauçuk (Uyarlanabilir-Esnek) Yerleşim. Adaptif olarak sabit düzen ViewSport tarayıcısının bazı günlerinde bir değere sahip ve diğerlerinin diğeri ise, koşullu olarak sabit bir genişliğe sahip olması ile karakterizedir. Örneğin, Bootstrap 3'te 3, 4 aralık (kontrol noktaları) tanımlanır: XS (varsayılan), SM (Viewport genişliği 768px'ten daha fazlasını görüntüleyin), MD (Viewport Genişliği Daha Fazla 992PX), LG (ViewPort Genişliği Daha fazla 1200PX). Hoşgeldin konteyneri (Konteyner) Düzeni ayarlar: xS DiPazone'de, genişlik vizör tarayıcısına eşit genişlik; sM DIP, 750 piksel genişlikte; mD DIP, 970px genişliğinde; lG DIP'de 1170px'e eşit. Aynı genişlik uyarlanabilir Kauçuk Düzeni Sabit bir değeri yoktur, her zaman tarayıcı vieport genişliğine eşittir. Hoşgeldin konteyneri Genişliği ayarlamanın yanı sıra, düzen de sayfanın ortasına satır ve dahili alanları (dolgu) sola ve sağa 15 piksel olarak ayarlar. Bir satır aynı zamanda bir kaptır, ancak bootstrap ızgarasının uyarlanabilir blokları için. Bootstrap 3'te ana rolü sola ve sağa negatif girintiler (marj) oluşturun 15px. BOOSTRAP 4'te, sadece negatif girintileri ayarlamıyor, aynı zamanda esnek konteyner işlevini de gerçekleştirir. Şunlar. Eğer bir bu öğe Kurma, daha sonra adaptif blokların kendilerinin özelliklerini karakteristik davranışları olmayacak. "Satır" unsurunu kullanma ilkesi çok basittir, her zaman adaptif bloklar için bir ebeveyn olarak hareket etmelidir.. Şunlar. Bazı eleman (Kazanç veya Uyarlanabilir Birim) gerekli ise adaptif blokları kullanarak pozisyon, onları yaratmadan önce İlk önce bir numara kurunve zaten bu bloklar. Adaptif blok, adaptif bir genişliğe sahip bir unsurdur. Şunlar. Aynı görünüm alanındaki genişliği bir değere sahip olabilir ve diğerine sahiptir. Uyarlanabilir bloğun davranışını takma bir veya daha fazla Col sınıfı kullanılarak gerçekleştirilir. CLA sınıf sözdizimi: Col- (kesilme noktası) - (number_columns) (Kesme noktası) kontrol noktasıBu sınıfın hareket edeceği asgari genişlik görünümünü tanımlar. Kullanım için Bootstrap 3, varsayılan dört kontrol noktası (XS, SM, MD ve LG) ve Bootstrap 4 - Beş Kontrol Noktalarında (atama, SM, MD, LG ve XL olmadan) kullanılabilir. Kontrol noktaları, hareket etmeye başladıkları genişlik vizörünün artan sırasına göre verilir. (Sayı_columns) adaptif bloğun genişliğibununla başlayacak olan kontrol noktası. Adaptif bloğun genişliği, 1 ila 12 arasında varsayılan olarak Bootstrap sütunları (tamsayı) kullanılarak gösterilir. Bu sayı belirlenir genişliğin hangi kısmı bloğuyla ilgili olacak (öğe "satır"). Uyarlanabilir bloğun minimum genişliği 1/12 (% 8.3) ve maksimum - 12/12 (% 100). Örneğin, COL-XS-6 COL-SM-4 COL-MD-3 COL-LG-2 sınıfı ile uyarlanabilir blok (Bootstrap 3): xS cihazında, 6 bootstrap sütununun genişliğine sahip, yani. "Satır" elemanının genişliğine göre% 50 (6/12 * 100%); sM cihazında 4 bootstrap sütununun genişliğine sahip olmak için, yani. "Satır" elemanının genişliğine göre% 33.33 (4/12 * 100%); mD cihazında 3 bootstrap sütununun genişliğine sahip olmak için, yani. "Satır" unsurunun genişliğine göre% 25 (3/12 * 100%); lG cihazında 2 bootstrap sütununun genişliği var, yani. "Satır" öğesinin genişliğine göre% 16.67 (2/12 * 100%). Bazı kontrol noktaları belirtmezse, bu sınıfın eylemi aşağıdaki kontrol noktalarına yayılır. Bu, CSS Bootstrap medya sorgularında minimum genişlik kullanılarak yapıldığı gerçeğinden kaynaklanmaktadır. Örneğin, COL-XS-8 COL-MD-6 sınıfı olan uyarlamalı blok (Bootstrap 3): üzerinde kontrol noktası XS ve SM, 8 önyükleme kolonunun genişliğine sahiptir, yani. "Satır" unsurunun genişliğine göre% 66.7 (8/12 * 100%); mD ve LG cihazında, 6 bootstrap sütununun genişliği, yani. "Satır" öğesinin genişliğine göre% 50 (6/12 * 100%). Varsayılan olarak, adaptif bloklar 12 bootstrap sütununun genişliğine sahiptir, yani. 100%. Bir tür bloğunuz varsa, XS'den başlayarak bu değeri içermelidir, belirtilemez. Örneğin, COL-MD-6 COL-LG-9 sınıfı ile uyarlanabilir blok (Bootstrap 3): xS ve SM kontrol noktasında, 12 bootstrap kolonunun genişliğine sahip, yani. "Satır" unsurunun genişliğine göre% 100 (12/12 * 100%); mD cihazında 6 bootstrap sütununun genişliğine sahip olmak için, yani. "Satır" elemanının genişliğine göre% 50 (6/12 * 100%); lG cihazında 9 bootstrap sütununun genişliği var, yani. "Satır" öğesinin genişliğine göre% 75 (9/12 * 100%). Bootstrap'teki uyarlamalı bloklar bulunur. Toplam önyükleme sütunları sayısına sahip adaptif bloklar, bir satıra 12'den fazla değil. İlk satıra yerleştirilmeyen bloklar aşağıdaki satıra vb. Aktarılır. Bootstrap 3'te bir düzen oluştururken çok var Önemli anadaptif blokların olduğu gerçeğiyle ilişkilidir. her zaman bir sonraki satıra tolere edilmedi. Uyarlanabilir blokların bu davranışı, çerçevenin bu sürümünde yüzer oldukları gerçeğiyle açıklanmaktadır (şamandıra: solda). Örneğin, bu işaretlemede, üçüncü adaptif birim ikinci satırda bulunmaz, ancak ilk uyarlanabilir bloğa yapışır: #1 #2 #3 Yeni bir satırla başlamalı olan uyarlamalı birimden önce düzeltmek için gereklidir, ClearFix sınıfı ile boş bir div öğesi ekleyin. #1 #2 #3 Bootstrap örgü elemanlarını kullanarak bir düzen oluşturmak için temel kurallar Bir Web Sayfası Düzeni Oluşturma Ana Adımları: temel bölümler oluşturun (örneğin: başlık, ana, altbilgi); her bölümün içinde bir sarmalayıcı kabı oluşturun; her yün kabının içini yerleştirin, işaretleme, adaptif bloklar, "satır" unsuru kullanılarak yapılmalıdır; adaptif bloklar kullanılarak her satırda gerekli yapıyı oluşturun; adaptif bloklar, "Satır" unsuru kullanılarak işaretleme yapılması gereken gerekli uyarlanabilir blokların içine yerleştirin; 5. paragrafı gerçekleştirin; oluşturulan düzenin istenen yapısı ulaşana kadar 6 ve 7 paragrafları gerçekleştirin. Örnek olarak, aşağıdaki düzeyi Bootstrap 3 ve 4'te oluşturun. Bootstrap 3'te Düzen Düzeni: Başlık. A1 A2. A3. A4. A5. A6. B1. B2. B3. B4. Bootstrap 4'te Düzen Düzeni: Başlık. A1 A2. A3. A4. A5. A6. B1. B2. B3. B4. Sorunuza bir cevap bulamadınız mı? Buraya bak Web istemcisindeki dosyalarla çalışmak için uzantı Gmail Mail'i bağlarken "sunucu POP3 üzerinden erişimi reddetti" hatasını düzeltmek! 1 Windows 10'da başlamıyor