Yeni başlayanlar ve profesyoneller için tüm bilgisayar sırları / CD/DVD/Blu-Ray / BB kodlarının (bbCode) kullanımına ilişkin not. HTML karakter kodları Gönderi sayfasında kod görüntülemek için eklentiler

BB kodlarının (bbCode) kullanımına ilişkin not. HTML karakter kodları Gönderi sayfasında kod görüntülemek için eklentiler

02.11.2023

HTML etiketleri HTML dilinin temelidir. Etiketler, işaretlemedeki öğelerin başlangıcını ve bitişini sınırlamak için kullanılır.

Her HTML belgesi, HTML öğeleri ve metinlerden oluşan bir ağaçtan oluşur. Her HTML öğesi bir başlangıç (açılış) ve bitiş (kapanış) etiketiyle tanımlanır. Açılış ve kapanış etiketleri etiketin adını içerir.

Tüm HTML öğeleri beş türe ayrılmıştır:

boş öğeler - , ,
, , , , , ,
Sayfa hakkında ek bilgi depolamak için kullanılır. Bu bilgiler tarayıcılar tarafından sayfayı işlemek için, arama motorları tarafından ise dizine eklemek için kullanılır. Kullanılan niteliklere bağlı olarak farklı bilgiler taşıdıkları için bir blokta birden fazla etiket bulunabilir. Belirli bir aralıktaki ölçüm göstergesi. Bir belgenin siteye yönelik gezinme bağlantılarını içeren bölümü. Komut dosyası oluşturmayı desteklemeyen bir bölümü tanımlar. Multimedyayı gömmek için konteyner (örn. ses, video, Java uygulamaları, ActiveX, PDF ve Flash). Geçerli HTML belgesine başka bir web sayfası da ekleyebilirsiniz. Etiket, eklentinin parametrelerini iletmek için kullanılır. Sıralı numaralandırılmış liste. Numaralandırma sayısal veya alfabetik olabilir. Bir grup öğe için başlığı olan bir kapsayıcı. , veya , açılır listesinden seçilecek bir seçeneği/seçeneği belirtir. Komut dosyası kullanılarak hesaplanan bir hesaplamanın sonucunu görüntüleme alanı.

Metindeki paragraflar. Öğe kullanılarak gömülen eklentiler için parametreleri tanımlar. Bir öğe içeren bir kap öğesi ve sıfır veya daha fazla öğe. Kendi başına hiçbir şey göstermez. Tarayıcının en uygun görseli seçmesine izin verir. Metni biçimlendirmeden, boşlukları ve metin sonlarını koruyarak çıkarır. Bilgisayar kodunu, e-posta mesajlarını vb. görüntülemek için kullanılabilir. Her türlü görevin tamamlandığının göstergesi. Kısa bir alıntı tanımlar. Doğu Asya sembolleri ve kodlarının çözülmesi için kapsayıcı. İç içe geçmiş metnini ek açıklamanın temel bileşeni olarak tanımlar. Öğede bulunan karakterlerin üstüne veya altına, daha küçük bir yazı tipiyle görüntülenen kısa bir açıklama ekler. Gömülü metni ek açıklama olarak işaretler. Tarayıcı öğeyi desteklemiyorsa alternatif metni görüntüler. Güncel olmayan metni üstü çizili olarak görüntüler. Sistem mesajlarının yanı sıra program kodunun veya komut dosyasının yürütülmesinin sonucunu temsil eden metni görüntülemek için kullanılır. Tek aralıklı yazı tipinde görüntülenir. İstemci tarafı komut dosyasını (genellikle JavaScript) tanımlamak için kullanılır. Betik metni içerir veya src niteliğini kullanan harici bir betik dosyasına işaret eder. Bir sayfanın mantıksal alanını (bölümünü) genellikle bir başlıkla tanımlar. Önerilen bir kümeden değer seçmenizi sağlayan bir kontrol öğesi. Varyant değerleri içine yerleştirilir. Metni daha küçük yazı tipi boyutunda görüntüler. , , için alternatif medya kaynaklarının konumunu ve türünü belirtir. Satır içi öğeler için kapsayıcı. Tek tek sözcüklerin vurgulanması gibi metin pasajlarını biçimlendirmek için kullanılabilir. Metne vurgu yapar ve kalın harflerle vurgular. Yerleştirilebilir stil sayfalarını içerir. Kimyasal formüllerdeki element dizini gibi sembollerin alt simge yazımını belirtir. Etiket için görünür bir başlık oluşturur. İçi dolu bir üçgenle görüntülenir, üzerine tıkladığınızda başlık ayrıntılarını görebilirsiniz. Karakterlerin üst simge yazımını belirtir.

Etiketleri içeren kopya kağıdı

Kullanım kolaylığı için etiketleri tematik bölümler halinde gruplandırdım ve her etiket için görüntü özelliği değerleri ekledim. Tabloya gitmek için resmin üzerine tıklayın.

Tek aralıklı yazı tipleriyle yapılan yazılar, ve etiketleri kullanılarak oluşturulur. Bu etiketleri kullanmanın sonuçları genellikle aynıdır: sabit karakter boyutu ve aralığına sahip tek aralıklı bir yazı tipi.

Etiket

Etiket, örneğin bir programlama eğitimini temsil eden bir web belgesine, program kodunun küçük parçalarını eklemek için kullanılan satır içi bir kap öğesidir. Tarayıcılar bu tür kodları tek aralıklı bir yazı tipinde (örneğin, Courier New) görüntüler. Elemanla birlikte ero kullanıyorsanız

etiketi, metni biçimlendirmeden, yani tüm boşlukları, sekmeleri ve satır sonlarını koruyarak girmek için kullanılır. Metin biçimlendirme öğelerinin çoğunu bu öğenin içine uygulayabilirsiniz.

Dikkat: HTML'de satır sonları, ardışık boşluklar ve sekmeler dikkate alınmaz. Arka arkaya birden fazla boşluk tek boşluk olarak değerlendirilir.

Örnek: elemanları kullanma ve

Kendin dene "

Tarayıcı, bir öğe içinde karşılaştığı her boşluğu veya satır sonunu kopyalayarak orijinal biçimlendirmenizi korur.

If (document.getElementsByClassName) ( x = document.getElementsByClassName("sayfalama") if (x.length>y) ( x.style.visibility = "hidden"; )

"Ön" öğesinde, tarayıcı karşılaştığı her boşluğu veya satır sonunu kopyalayarak orijinal biçimlendirmenizi korur.

if (document.getElementsByClassName) ( x = document.getElementsByClassName("sayfalandırma") if (x.length>y) ( x.style.visibility = "gizli"; )

Etiketler ve

Etiket, kullanıcının klavyeyi kullanarak girdiği kod parçasını işaretler. Bazı tarayıcılar bu metni ek bir arka planla işaretler.
Etiket, bir kontrol komut dosyasına girdikten sonra konsol penceresinde görünen metin gibi bilgisayar çıktısı oluşturmak için kullanılır. Bu nadiren kullanılan öğe, içeriğini , , gibi tek aralıklı bir yazı tipinde görüntüler.

Örnek: elemanlar ve

Kendin dene "

Kullanıcının klavyeden girmesi gereken metni
konteyner elemanı "kbd".

Metni girin: Klavyeden girilen metindir.

Bu, "örnek" kabına yerleştirilen metindir

Etiket

Etiket, program kodundaki değişkenleri daha da vurgulamak için kullanılır. Bir matematiksel ifadedeki veya bir program parametresindeki bir değişkeni tanımlar ve genellikle italik olarak gösterilir.

Örnek: öğeler

Kendin dene "

Vücut kinetik enerjisi:

Wк = mv2/2

Görevler Son görev

Bu derste, içeriklerini tek aralıklı yazı tipinde görüntüleyen, koddaki değişkenleri vurgulayan ve etiketleri önceden biçimlendiren etiketleri öğrendiniz. Matematiksel ifadeler ve program koduyla çalışırken bunların hepsi önemlidir.

Öğrendiklerinizi gözden geçirmenin ve üç basit görevi tamamlamanın zamanı geldi:

Değişken

Kendin için karar ver"

HTML öğelerini kullanarak, yukarıdaki denklemde y harfini değişken olarak belirtin.

Değişken

Parabol denklemi y = Nx2

Değişken

Parabol denklemi y = Nx2

Önceden biçimlendirilmiş metin

Kendin için karar ver"

HTML öğesini kullanarak, kod öğesine yerleştirilen metnin tarayıcıda tüm boşluklar ve satır sonları olduğu gibi korunacak şekilde görünmesini sağlayın.

giriiş

bbCode - Birçok bülten tahtası sistemi (BBS) ve forumdaki mesajları biçimlendirmek için kullanılan Bülten Tahtası Kodu veya işaretleme dili. Metni biçimlendirmek için HTML etiketlerine benzer etiketler kullanılır. HTML etiketlerinden farklı olarak bbCode etiketleri köşeli parantez içine alınır. Sayfayı görüntülemeden önce forum motoru metni ayrıştırır ve bbCode'u HTML koduna dönüştürür.

Pek çok forumda BB kodlarını kullanma yeteneği, yönetici tarafından her forum bölümü için ayrı ayrı yapılandırılır. Bu nedenle mesajlarda BB kodlarını kullanmadan önce bunlara izin verildiğinden emin olmanız gerekir.

Yazı tipi biçimlendirmesi

Metinle çalışmaya yönelik temel etiketler:

[p] Girintili normal paragraf.

Stillendirilebilecek bir paragraf.
* Bundan sonra "stil", HTML'deki stilin bir benzeri olacaktır.
metin HTML'dekine benzer

metin

** [b], [i], [s] vb. gibi [p] etiketlerine sahip diğer etiketleri kullanabilirsiniz.

Özellikleri bir stil kullanılarak değiştirilebilen metin.

Özelliklerini (konum, kenarlıklar, dolgu, içerik özellikleri vb.) değiştirmek için stillendirilebilecek sınırlı bir alan.
* Varsayılan olarak alan sınırları görünmez. Bir sayfada aynı anda birden fazla alan olabilir.

Metin biçimlendirme:

[b] Önemli metin, kalın

[Ben] Önemli metin, italik

Sadece cesur

Sadece italik

[sen] Altı çizili metin

[s] Üstü çizili metin - seçenekle aynı

Daha küçük yazı tipi

Metnin üstüne dipnot işareti veya altına dizin

Silinen metin

Yazı tipi boyutları:

13 punto yazı tipi

15 punto yazı tipi

Yazı tipi boyutu 9 piksel

Yazı tipi boyutu 12 piksel

Yazı tipi boyutu 15 piksel

Boyut 0

Boyut +1

Boyut +2

Olası yazı tipi boyutu seçenekleri (görsel değerlendirme) mevcuttur.

Başlıklar:

1. düzey başlık

Seviye 2 başlığı

Seviye 3 başlığı

Seviye 4 başlığı

Seviye 5 Başlığı

Seviye 6 başlığı

Yazı tiplerini kullanarak metni biçimlendirme:

Comic Sans Ms yazı tipi

Yazı Tipi Monotype Corsiva

Tahoma yazı tipi

Yazı tipi türleri için olası seçenekler (isimler ve görsel derecelendirme) mevcuttur.

Metni renk kullanarak dekore etme:

Kırmızı metin
* Renkler için standart sözlü gösterimleri kullanabilirsiniz: Kırmızı, Yeşil, Mavi vb.

Mavi metin
* #0000ff sayısı RGB paletinde mavi anlamına gelir.

Mavi arka plan
* Arka plan rengi de değiştirilebilir.

Mavi metin, gri arka plan

Önceden tanımlanmış bazı renkler:

Siyah Beyaz Kırmızı Yeşil Mavi Mor Ateş Tuğlası Bordo TuruncuKırmızı Gece Mavisi Peygamber ÇiçeğiMavi
Camgöbeği Sarı Macenta KoyuYeşil KoyuAltın Başak Altın Orkide MaviMor Burlywood ŞeftaliPuff

Hex kodundaki bazı renkler kırmızı, yeşil ve mavinin yoğunluğudur (RR GG BB):

#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE # 006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF

Renk paleti ve bunların kodları/adları için olası seçenekler mevcuttur.

Metni hizalama ve paragrafları biçimlendirme

Metin hizalama:

Metni sola hizala

Stil ile sola hizalama

Paragrafta sola hizalama

Metin hizalamasını ortala

Stil ile merkez hizalaması

Paragrafta merkeze hizalama

Metni sağa hizala

Stil ile doğru hizalama

Paragrafta sağa hizalama

Metni her iki tarafa hizalayın

Her iki tarafı da stil ile hizalayın

Paragrafta her iki tarafa hizalama
* Birden fazla satır uzunluğundaki metinler için metinlerin her iki tarafa hizalanması görüntülenir.

Dipnotları (yorumları) paragraf girintisi ile biçimlendirme:

[q] Satırda alıntı

Özellikler doğrultusunda teklif

Ayrı bir blokta alıntılanan metin
solda küçük bir girinti ve özel bir tasarım (forum stili).

Örnekler:
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Paragrafları ve alanları biçimlendirme:

Merhaba! Bu paragrafta ilk cümle “kırmızı” çizgiden olacaktır, yani. girintili. Tıpkı kitap basımında olduğu gibi. Doğru, bu internette nadir görülen bir uygulamadır. Paragraflar yalnızca boşluklarla ayrılmalıdır.

Önceden biçimlendirilmiş metin, soldaki ve sözcükler arasındaki girintiyi korur ve boşluklarla belirttiğiniz girintiyi ayarlar. Uyarı! Etiket otomatik olarak çizgiyi bozmaz!

Listeleri biçimlendirme

Madde işaretli listeler için veya etiketini kullanırız:

Liste öğelerinden biri
Böyle başka bir öğe
Bir nokta daha.

[*] Böyle başka bir öğe
[*] Bir nokta daha.

Numaralandırılmış listeler için şu etiketi kullanırız:

Liste öğelerinden biri

Böyle başka bir öğe

Bir nokta daha.

[*] Liste öğelerinden biri
[*] Böyle başka bir öğe
[*] Bir nokta daha.

Kapanış etiketinin kullanılması zorunlu değildir:

Liste öğelerinden biri
Böyle başka bir öğe
Bir nokta daha.

[*] Liste öğelerinden biri
[*] Böyle başka bir öğe
[*] Bir nokta daha.

Listenin türünü doğrudan belirlemek de mümkündür:
- numaralı liste
- alfabetik liste
- Romen rakamlarıyla numaralandırılmış bir liste

Görüntüler

Http://img.cx/img/primer.jpg - resim ekleme örneği.

Http://img.cx/img/primer.jpg - soldaki resim.

Http://img.cx/img/primer.jpg - sağdaki resim.
* Bu kod HTML'deki koda benzer:

Http://img.cx/img/primer.jpg - resim ortada.
* Bu kod HTML'deki koda benzer:

Adlar ve ipuçları içeren benzer etiketler:

Önemli! Resmin başlığında tırnak işareti kullanamazsınız!

Http://img.cx/img/primer.jpg - resim ekleme örneği.

Http://img.cx/img/primer.jpg - soldaki resim.

Http://img.cx/img/primer.jpg - sağdaki resim.

Http://img.cx/img/primer.jpg - resim ortada.

Belirtilen boyutlardaki resimler:

Http://img.cx/img/primer.jpg - boyutlu bir resim örneği.
* Bu kod HTML'deki koda benzer:

Http://img.cx/img/primer.jpg - soldaki resim, boyutuyla birlikte.

Http://img.cx/img/primer.jpg - sağdaki resim, boyutuyla birlikte.

Büyük resimleri kaydırma çubuklarıyla ekleme:

Http://www..jpg - forumda mevcut görüntüleme boyutundan daha büyükse, seçilen alandaki bir resim.

Adres - resmi yeni bir pencerede açın.
* Bu kod HTML'deki koda benzer:

Adres - resmi aynı pencerede açın.
* Bu kod HTML'deki koda benzer:

Barındırma. Hazır web sitesi şablonları.

a (metin dekorasyonu: yok; yazı tipi boyutu: 8 punto; renk: #E0FDAF; )

a: fareyle üzerine gelin (metin dekorasyonu: altı çizili; yazı tipi boyutu: 8 punto; renk: #E0FDAF; )

yazı tipi (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 8pt; renk: beyaz; )

B. sarı (renk: #FAF294; )

saat (renk: #D1D33B; )

saat. siyah (renk: siyah; )

yazı tipi. yeşil ( yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 8pt; renk: #B5FC39; )

yazı tipi. başlık (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 14 punto; renk: #ffffff; )

yazı tipi. başlık1 (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 16 punto; renk: siyah; )

yazı tipi. title2 ( yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 20pt; renk: #D2A801; )

yazı tipi. başlık3 (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 14 punto; renk: siyah; )

yazı tipi. title4 (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 16 punto; renk: beyaz; )

yazı tipi. siyah (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 8pt; renk: siyah; )

yazı tipi. blackt (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 14 punto; renk: #ffffff; )

yazı tipi. blacklm (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 8pt; renk: siyah; )

yazı tipi. blacklm2 (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 7 punto; renk: siyah; )

yazı tipi. blacklight (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 10pt; renk: beyaz; )

yazı tipi. blacklight2 (yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 10pt; renk: siyah; yazı tipi ağırlığı: kalın)

yazı tipi. tse ( yazı tipi ailesi: Arial, Tahoma, Helvetica; yazı tipi boyutu: 8pt; renk: #96B495; )

d=belge; bir = ""; a+="; r = "+kaçış (d. yönlendiren)

js=10 // -->

a+ = "; j = "+gezgin. javaEnabled()

js=11 // -->

s=ekran; a+ = "; s = "+s. genişlik+"*"+s. yükseklik

a+ = "; d = "+ (s. colorDepth? s. colorDepth: s. PixelDepth)

js=12 // -->

js=13 // -->

D. yazmak("

"? id=280923; js = "+js+a+"; rand = "+Math. rastgele() +

"" yükseklik=1 genişlik=1>")

eğer (js>11) d. yaz("") // -->

Tablo oluşturmak için etiket.
	Tablonun gövdesini tanımlar.
		Bir tablo hücresi oluşturur.
	Bir betik tarafından kopyalanıp bir belgeye eklenebilecek HTML kod parçalarını bildirmek için kullanılır. Bir etiketin içeriği onun alt öğesi değildir.
	Büyük metin giriş alanları oluşturur.
	Tablo altbilgisini tanımlar.
	Bir tablo hücresi başlığı oluşturur.
	Tablo başlığını tanımlar.
	Tarih/saati tanımlar.
	Tarayıcının başlık çubuğunun üst kısmında görünen bir HTML belgesinin başlığı. Arama sonuçlarında da görünebilir, bu nedenle başlık verilirken bu dikkate alınmalıdır.

Bir tablo satırı oluşturur.
	Öğeler ve için altyazılar ekler.
	Metindeki bir pasajın altını çizerek, ilave vurgu yapmadan vurgular.
	Madde işaretli bir liste oluşturur.
	Programlardaki değişkenleri italik olarak görüntüleyerek vurgular.
	Sayfaya video dosyaları ekler. 3 video formatını destekler: MP4, WebM, Ogg.
	Uzun bir satırın nerede kesilebileceğini tarayıcıya belirtir.

VB ve COM Barbie Oyunlar Oyun oluşturucu Öğreticiler Winsock Kurs öğrencileri Visual Basic Ücretsiz Eğitimler Oyunlar MP3 Şablonlar İnternet sitesi Web tasarımı Delfi Bir oyunu indir Doğacılık Kartlar Ücretsiz şablonlar Kurs öğrencileri Photoshop

Kişisel web sitelerini barındırmak için sunucuların listesi. Sağlanan barındırma kalitesini karşılaştırmanıza olanak tanıyan doğrulanmış bilgiler sağlanır - ayrılan disk alanının boyutu, izin verilen trafik miktarı, ek reklam yükü, dosya indirme seçenekleri (FTP veya HTTP), e-posta hizmetleri, hazır web sitesi şablonları vb.

"Hazır web sitesi şablonları" bölümü, çok çeşitli hazır web sitesi şablonları içeren arşivlere genel bir bakış sağlar. İnceleme, çeşitli teknolojiler kullanılarak ve çeşitli konularda hazırlanan şablonları içerir. Sunulan şablonlar ücretsiz (genellikle) indirilebilir ve ödeme yapılabilir (10 - 30 $ gibi küçük bir ücret karşılığında). [ Hazır siteler]

coğrafi şehirler. Yahoo.com çok kullanışlı ve kaliteli, ücretsiz ve ücretli bir barındırmadır. Tahsis edilen hacim 15 MB'tır. FTP üzerinden erişim mevcuttur. Editör - Adv Basic. Reklamcılık - Adsquare. Web sitenizin adresi /sizdir. Ek hizmetler - RealVideo, RealAudio, POPmail, Ziyaretçi Defteri, MailForm Sayacı.

www.holm.ru - ücretsiz ve ücretli barındırma. Tahsis edilen hacim sınırlı değildir. FTP üzerinden erişim mevcuttur. Sunucu günlükleri mevcuttur. Üçüncü düzey alan adı sizin_alanınızdır. holm.ru Reklam - afiş. Ek hizmetler - cgi komut dosyaları, SSI, Perl, PHP4, MySQL,

www.hostultra.com - ücretsiz ve ücretli (5$'dan başlayan fiyatlarla) barındırma. Tahsis edilen hacim 999 MB'dir. FTP üzerinden erişim mevcuttur. Editör - Adv Basic. Reklam - Banner. Web sitenizin adresi /~sizdir. Ek hizmetler - Sınırsız Bant Genişliği, Sınırsız Web Alanı, Etki Alanı Barındırma, PHP, FTP.

www.hut.ru - ücretsiz barındırma. Tahsis edilen hacim sınırlı değildir. FTP üzerinden erişim mevcuttur. Web sitenizin adresi /state/you. Ek hizmetler - PHP betikleri, cgi betikleri, MySql, dosya erişimi. htaccess, SSI, günlük dosyalarına, foruma ve ziyaretçi defterine erişim.

www.joinme.net - ücretsiz barındırma. Tahsis edilen hacim 5 MB'tır. FTP üzerinden erişim mevcuttur. Editör - Adv Basic. Reklam - Banner. Web sitenizin adresi /sizdir. Ek hizmetler - çevrimiçi web sayfası oluşturma araçları, ziyaretçi defteri, Bülten Tahtası, istek üzerine ek alan sağlanır.

www.justfree.com - ücretsiz barındırma. Tahsis edilen hacim 40 MB'tır. FTP üzerinden erişim mevcuttur. Reklam olmadan. Web sitenizin adresi /sizdir. Ek hizmetler - Sınırsız Bant Genişliği, Ücretsiz Destek, Ücretsiz Ziyaretçi Defteri, Ücretsiz Forum, E-Z Dosya Yöneticisi, Ücretsiz E-posta.

www.megspace.com - ücretsiz barındırma. Tahsis edilen hacim 50 MB'tır. FTP üzerinden erişim mevcuttur. Editör - Adv Basic. Reklam - Banner. Web sitenizin adresi /dir/you. Ek hizmetler - Ücretsiz Mesaj Panoları, Ücretsiz Kişisel Ziyaretçi Defteri, Ücretsiz Arama Motoru Gönderimleri, Ücretsiz Kullanımı Kolay Yükleme Yöneticisi, Ücretsiz Form Posta Göndericisi, Ücretsiz Site Oluşturucu, Hızlı Sunucular.

insanlar yandex.ru - ücretsiz barındırma. Tahsis edilen hacim 999 MB'dir. FTP üzerinden erişim mevcuttur. Editör - Adv Basic. Reklam - Banner. Web sitenizin adresi Subdomain'dir. Ek hizmetler - posta kutusu, web sitesi şablonları, ziyaret istatistikleri, ziyaretçi defteri, forum.

www.owns1.com - ücretsiz barındırma. Tahsis edilen hacim 100 MB'tır. Dosyaları FTP yoluyla yükleyin. Editör - Adv Basic. Reklam - Topbanner. Web sitenizin adresi Subdomain'dir. Ek hizmetler - Ücretsiz Ön Sayfa uzantıları, php, cgi, mysql, kontrol panelleri.

redrival.com - ücretsiz barındırma. Tahsis edilen hacim 2 MB'tır. FTP üzerinden erişim mevcuttur. Editör - Adv Basic. Reklam - Açılır pencere. Web sitenizin adresi /sizdir. Ek hizmetler - PHP 5, SQLite Veritabanları, SSI/XSSI Komut Dosyası Oluşturma, E-posta Adresi, Desteklenen Reklamlar.

www.sitepalace.com - ücretsiz barındırma. Tahsis edilen hacim 10 MB'tır. HTTP aracılığıyla indirin. Editör - Adv Basic. Reklam - Açılır pencere. Web sitenizin adresi /sizdir. Ek hizmetler - Sınırsız Transfer, Sınırsız İsabet, Sayfa Sayacı, 300'den Fazla Arama Motoruna ÜCRETSİZ Gönderim.

www.spaceports.com - ücretsiz barındırma. Tahsis edilen hacim 10 MB'tır. FTP üzerinden erişim mevcuttur. Reklam - Banner. Web sitenizin adresi /~sizdir. Ek hizmetler - CGI-BIN, MailForm, PHP komut dosyası oluşturma, MySQL veritabanı desteği.

www.stormloader.com - ücretsiz barındırma. Tahsis edilen hacim 50 MB'tır. Dosyalar yükleniyor - Tarayıcı. Reklam - Topbanner. Web sitenizin adresi /sizdir. Ek hizmetler - Sayfa Oluşturma Araçları, Ölçülmemiş Bant Genişliği.

Bu blogun bakımıyla bağlantılı olarak siteye periyodik olarak html ve css kodu parçaları eklemem gerekiyor. Normal bir çözümün uygulanması sürecinde, bir nedenden dolayı, hazır çözümlerin Rusça'da yeterli bir açıklamasının bulunmadığı, bu nedenle boşluğu kendiniz doldurmanız gerektiği ortaya çıktı.

Basit bir şeyle başlayalım:

Metne html kodu nasıl eklenir?

Bir web sitesindeki metne bir veya iki etiket eklemek için html sembollerini kullanabilirsiniz.< для вставки < и символ >eklemek için > bu nedenle, html kodundaki etiket, Siteye büyük kod parçaları ekleme olarak yazılır.

Html kodunu siteye eklemek için üç etiket vardır:

Ve ve

Etiket Önceden biçimlendirilmiş bir metin bloğunu tanımlar. Yani, tüm boşlukların ve kısa çizgilerin önceden yerleştirildiği metin. Tarayıcıda varsayılan olarak etiketin içeriği tek aralıklı yazı tipinde ve sözcükler arasındaki tüm boşluklarla görüntülenir. Etikette tüm boşluklar görüntülenir ve tüm satır sonları dikkate alınır (html, varsayılan olarak birden fazla boşluğu hesaba katmaz, bunları tek bir alana dönüştürür). Kabın içinde aşağıdakiler dışında herhangi bir etiketi kullanabilirsiniz: , , , , Ve .

Bir sonraki etiket, program kodunun kaçışlı olarak görüntülenmesi için özel olarak tasarlanmıştır. Varsayılan olarak tarayıcı, etiketin içeriğini küçük, tek aralıklı metin olarak görüntüler. Etiket, ek boşlukları ve metin sonlarını hesaba katmaz; bunun sonucunda satırı kesmek için hangi etiketlerin kullanılması gerekir?
Ve

Etiket, HTML standardı açısından geçerli değildir ancak şu anda tüm tarayıcılar tarafından desteklenmektedir. Etiket, kabın içeriğini tüm boşluklar ve kısa çizgilerle birlikte düz metin olarak görüntüler. Etiket "kanonlaştırılıncaya" kadar, kullanımı kafir ve sapkın kabul edilir.

Şu an için doğru çözüm gerekli olan yerlerde iç içe etiketler İLE etiket kullanmaktır. Teknik olarak, şu ya da bu nedenle etiketin dışına çıkan kod parçalarından kurtulmak için etikete ihtiyacımız var.Jquery kullanarak html kodunu güzel bir şekilde nasıl biçimlendirebilirim?

Web sitemizde Snippet betiğini kullanıyoruz. Parçacık, program kodu örneklerinin görsel tasarımını basitleştirmeyi amaçlamaktadır. Komut dosyası şu şekilde çalışır:

Div.blog_right h2 ( yazı tipi boyutu: 24 piksel; renk: #ff9933; kenar boşluğu: 9 piksel; satır yüksekliği: 44 piksel; yazı tipi ailesi: "arial", "verdana", sans-serif, "Lucida Sans"; yazı tipi -ağırlık: 100; üst kenar boşluğu: 0,83em; )

Kod yürütme komut dosyasını bağlama:

2) js ve css dosyalarını bağlayın. Ayrıca bağlı Jquery kütüphanesine de ihtiyacınız olacak.

3) Komut dosyasını ayarlayın:

$(document).ready(function())( $("pre.htmlCode").snippet("html",(style:"acid")); // "htmlCode" sınıfına sahip etiketleri arıyoruz // ve bu öğelere asit stili ve html işleme ile bağlanın $("pre.styles").snippet("css",(style:"acid")); // "styles" sınıfına sahip etiketleri ararız // ve asit stilini ve işlemeyi CSS kodu için bu öğelere bağlayın $("pre.js").snippet("javascript",(style:"acid")); // "js" sınıfına sahip etiketleri ararız // ve asit stilini ve işlemeyi bağlayın) );

4) Betik için daha karmaşık belgeler geliştiricilerin web sitesinde mevcuttur. Komut dosyası, tasarımı anında değiştirebilir, gerekli kod parçalarını çerçevelerde vurgulayabilir, çöpü çıkarabilir ve yemek pişirebilir.

İlgili malzemeler:

Site Haritası