Bir web sitesi oluştururken dikkat edilmesi gereken ilk şey, web sayfasının nasıl oluşturulduğudur. Bu, site yapımında bir tür "temel" dir. Bu nedenle, site oluşturmak için daha karmaşık teknolojileri incelemeye başlamadan önce, en azından temel bir HTML bilgisine sahip olmanız önerilir. Bu derste tanışacağız Htmlhadi analiz edelim hTML belge yapısı ve pratik örneklerde edinilen bilgiyi pekiştireceğiz.

HTML nedir?

Html Hiper Metin Biçimlendirme Dili anlamına gelir. Bu dil, hipermetin sitenin sayfalarında nasıl görüntüleneceğinden sorumludur. Şimdi hiper metnin ne olduğunu görelim? Tek bir web sayfasının metin, bazı tablolar, grafikler, videolar, ses vb. Gibi birçok farklı bilgi türü içerebileceği bir sır değil. Yani, tüm bu bilgiler tek kelimeyle çağrılabilir - hiper metin.

HTML'nin bir programlama dili değil, bir biçimlendirme dili olduğunu unutmayın. Bu dilde mantıksal işlevler yoktur ve üzerinde herhangi bir matematiksel hesaplama yapmak imkansızdır. HTML sayfalarının uzantısı var .html veya .htm ve tarayıcılar tarafından işlenir - IE, Mozilla Firefox, Google Chrome, Yandex Chrome, Opera vb.

Şimdi tarayıcının bir web sayfasında neyi ve nasıl görüntüleneceğini nasıl anladığını görelim. Çok basit. Köprü metni biçimlendirme dili HTML, etiketler adı verilen yerleşik komutlara sahiptir. Onlar tarafından tarayıcı yönlendirilir.

HTML belge yapısı

Herhangi bir HTML belgesi (web sayfası) belirli bir yapıya sahip olmalıdır. Bu, sayfaları tarayıcılarda açarken olası sorunları önleyecektir. Örnek olarak, aşağıdaki HTML kodunu içeren bir sayfayı ele alalım:

...

Bu yapıya neyin dahil olduğunu sırayla inceleyelim:

1. Bir HTML belgesine giren ilk şey bir sürüm göstergesidir (ilk satır). Doğru işlem için bu satır bir web sayfası oluştururken belirtilmelidir.

3. Ardından sitenin üst kısmı (başlık) gelir. Bu, etiketi kullanılarak yapılır ... Başlıkta, etiketlerin arasına sayfa başlığını yerleştirerek sayfamızın başlığını belirtiyoruz. ... Ardından, belgenin HTML kodlaması gösterilir (beşinci satır). Bu, Kiril alfabesini doğru şekilde görüntülemek için yapılır. Başlık alanını bir etiketle kapatın.

4. Meta etiket "açıklaması" - sayfanın arama motorlarına yönelik bir özeti. Bu etiket, arama motoru optimizasyonu için önemlidir ve doldurulması gerekir.

5. Meta etiket "anahtar kelimeler" - sayfada bulunabilen anahtar kelimeler. Bu etiket aynı zamanda arama motorları için tasarlanmıştır. Bu etiket bugün nadiren kullanılmaktadır.

6. Sayfanın gövdesi bir etiketle açılır ve sırasıyla etiketiyle kapanır... Bir web sayfasının gövdesi, kural olarak, ana içeriği içerir - metin, video, ses ve diğer bilgiler.

Böylece HTML nedir sorusunu cevapladık ve bir HTML belgesinin yapısını inceledik. Bu derste elde edilen bilgiler temel kavramlardır, onlarsız yapamazsınız. Diğer derslerde daha karmaşık şeyler hakkında konuşacağız.

HTML bir etiketleme dilidir.

Etiket (tanımlayıcı) - bir HTML belgesinin öğelerini biçimlendirmek için metne eklenen özel kod. Bu, HTML standardındaki ana kodlama öğesidir. Etiket, açılı parantez içine alınır<>... Örneğin, paragraf etiketi

Ve yatay çizginin etiketi -

---

.

İki tür etiket vardır: kapsayıcılar ve tek etiketler.

Konteyner. Bir başlangıç \u200b\u200b(veya açılış) ve bir bitiş (veya kapanış) etiketinden oluşan bir tanımlayıcı çifttir. Başlangıç \u200b\u200betiketi TAG, gerçek HTML etiketinin adıdır. Bitiş etiketinin biçimi vardır ... Kapsayıcılar, metin veya diğer HTML etiketleri gibi bazı bilgileri depolamak için tasarlanmıştır. Bu nedenle, kabın içeriği başlangıç \u200b\u200bve bitiş etiketleri arasında yer alır. Örneğin, biçimlendirilmiş metin olan bir öğe etiketlerin arasına alınır

VE

.

Boş bir tanımlayıcı.Herhangi bir bilgi içermemesi açısından kaptan farklıdır. Yalnızca bir başlangıç \u200b\u200betiketi vardır. Boş bir tanımlayıcı genellikle belirli bir metinle ilişkili olmayan ayrı bir görev gerçekleştirir. Örneğin, etiketi

---

yatay bir çizgi oluşturur.

HTML belge öğesi aralarında bulunan içerikle birlikte kapsayıcının başlangıç \u200b\u200bve bitiş etiketleridir. Bir öğe bir görüntü, bir metin parçası, bir form, bir tablo, bir liste, bir bağlantı, bir metin kutusu, bir düğme ve hatta bir belgenin başlığı veya ana gövdesi (gövdesi) olabilir.

Yorum Yap: HTML, büyük / küçük harfe duyarlı değildir. Etiketler hem büyük hem de küçük harflerle yazılabilir, örn. takım ve bir metin dizesidir. Ekranda görünmemelerini istiyorsanız tırnak içine almamalısınız. Çoğu durumda, bölümBAŞLIK birden fazla satır almaz.

Prensipte, isim herhangi bir uzunlukta olabilir ve bazı ayrılmış olanlar dışında herhangi bir karakter içerebilir. Uygulamada, başlığın tarayıcı penceresinin başlık çubuğunda göründüğünü göz önünde bulundurarak kendinizi bir satırla sınırlamak daha iyidir. Ayrıca, tarayıcı penceresini küçülttüğünüzde belge adından geriye ne kaldığını da hatırlamalısınız. Bu nedenle en önemli kelimeleri ismin başına koymaya çalışmalısınız.

WWW sırasında ve "aktif" içeriği artırma eğilimi vardır, çoğu okuyucu hala sayfaların metin kısmıyla ilgilenmektedir. Bu nedenle, ister yeni metin yazıyor olun, ister eskilerini dönüştürüyor olun, belgenin gövdesi üzerinde çalışma süreci önemli miktarda zaman alır.

Belgeyi içerikle doldurmaya başlamadan önce, "çerçevesini" oluşturmak mantıklıdır. HTML - belge, onlar olmadan doğru şekilde yorumlanamayacak bazı zorunlu unsurlar içermelidir. Listede en basit şablonun bir örneği gösterilmektedir.

Buraya gövde metnini girin

Şablon etiketiyle açılır

zaten bildiğimiz gibi herkes için gerekliHTML - belge. Sonra etiket geliyor , belgenin başlangıç \u200b\u200bbaşlığı. Başlık şu öğeyi içerirBAŞLIK , bizim durumumuzda belgenin adını tanıtan "Bu örnek bir belgedir" ... Başlık bir etiketle kapatıldı ... Sonra etiket geliyor ardından belgenin metni (gövdesi). Etiket vücudun sonu ve etiketi - tüm belgenin sonu. VÜCUT çok sayıda öznitelik içerebilir. Belgenin genel görünümünü tanımladıkları için hepsi önemlidir. Bu özellikler tabloda gösterilmektedir.

	Randevu
BİR BAĞLANTI	şu anda aktif olan bağlantının rengini tanımlar
ARKA FON	url'yi gösteriyor - arka plan olarak kullanılan resmin adresi
BGCOLOR	belgenin arka plan rengini tanımlar
BGÖZELLİKLERİ	eğer ayarlanmışsaSABİT , arka plan görüntüsü kaymıyor
LEFTMARJIN	Sol kenar boşluğunun kenarlığını piksel cinsinden ayarlar
BAĞLANTI	Henüz görüntülenmemiş bir bağlantının rengini belirtir
METİN	Metnin rengini belirtir
ÜST BOŞLUK	Üst kenar boşluğunun kenarlığını piksel cinsinden ayarlar
VLINK	Zaten görüntülenmiş bir bağlantının rengini belirtir

Bu özelliklere daha yakından bakalım.

Bir belgeyi oluşturan parçaların rengini belirlemek, bir belge oluşturmanın ilk adımıdır. Değilse, varsayılan renkler kullanılır. İzleyicinin ayarlarına göre belirlenirler.

Dengeli bir palet için hiçbir kural yoktur. Okuyucuların rahatsızlık yaşamadan metni okuyabileceklerini, yüksek bir metin ve arka plan kontrastı sağlamaya çalışabileceklerini ve benzer renklere sahip alanlardan kaçınabileceklerini hatırlamanız gerekir.

Html renkler, onaltılık koddaki sayılarla tanımlanır. Renk sistemi üç ana renge dayanmaktadır - kırmızı, mavi ve yeşil. Her rengin 00 ileFF 0-255 ondalık aralığına karşılık gelir. Daha sonra bu değerler, önünde bir karakter ile birleştirilir.#. HTML'de basitlik için 3.2, aşağıdaki tabloda onaltılık kodlarıyla birlikte gösterilen 16 standart rengi tanımlar.

Renk	Kod
Siyah siyah)	#000000
Magoop (bordo)	#800000
Yeşil Yeşil)	#008000
Zeytin (zeytin)	#808000
Lacivert (lacivert)	#000080
Mor	#800080
Deniz mavisi (turkuaz)	#008080
Gri (gri)	#808080
Gümüş (gümüş)	# С0С0С0
Kıpkırmızı)	# FF0000
Kireç (kireç)	# 00FF00
Sarı (sarı)	# FFFF00
Mavi Mavi)	# 0000FF
Fuşya (fuşya)	# FF00FF
Aqua (su)	# 00FFFF
Beyaz beyaz)	#FFFFFF

BGCOLOR belgenin arka plan renginden sorumludur. Eğer bir sayfanın bir arka plan resmi varsa, bu özellik resmin genel tonuna mümkün olduğunca yakın bir renk sağlamalıdır. Bu, tarayıcılarını resimleri indirmeyecek şekilde yapılandırmış bir okuyucunun metni net bir şekilde görmesini sağlayacaktır. Birçok yazar bu kurala uymuyor. Bu durumda, arka plan görüntüsü karanlık akımdaysa ve yazı tipi rengi metin için beyazsa, bazı okuyucular boş bir beyaz sayfadan başka bir şey görmediğinde şaşırabilir. METİN, belgedeki metnin rengini tanımlar. Sayfalarınızda her zaman yüksek metin kontrastını korumaya çalışın. İnce bir yazı tipi kullanırken, açık renkli bir arka planda en iyi koyu göründüğünü unutmayın. LINK, tarayıcı tarafından henüz görüntülenmemiş bağlantıları göstermek için kullanılır. Açıkçası, ana metnin arka planına karşı renkli olarak öne çıkmaları gerekir.

VLINK niteliği, önceden görüntülenmiş bağlantıları görüntülemek için kullanılır. Kural olarak, aynı rengin daha koyu bir tonuyla boyanırlar.

görüntülenen bağlantılar... BİR BAĞLANTI o anda aktif olan bağlantının rengini tanımlar. Bunlar, çok çerçeveli belgeleri görüntülemek için yaygın olarak kullanılan nispeten yeni niteliklerdir.

Bir HTML sayfasını dekore etmenin popüler yollarından biri, üzerine gövde metninin altında görülebilen bir arka plan grafiği yerleştirmektir (öznitelik

ARKA FON ). Bu teknik, belgenin bütünlüğünü vurgulamaya da yardımcı olur. tersine, onu mantıksal parçalara ayırın.

Arka plan resimlerinin çoğu küçüktür, ancak bunların duvar kağıdı gibi kopyaları tüm görüntüleyici penceresini doldurur. Çeşitli doku (desenli) resimler özellikle popülerdir: tuğla, mermer, her türlü kumaş. Temel olarak, bir belgedeki boşlukları basitçe doldurmaya hizmet ederler. Daha akıllı sayfaların içerikle eşleşen bir arka planı vardır.

Öznitellikler

LEFTMARGIN ve TOPMARGIN metnin sol ve üst kenarları ile tarayıcı penceresinin karşılık gelen kenarları arasındaki mesafeyi ayarlamaya yarar. Metnin diğer kenarlarının konumu ayarlanamaz. Bu, sayfanın herhangi bir tarayıcı tarafından görüntülenebilmesini sağlamak için yapılır. Belge okuyucunun penceresinin ne büyüklükte olduğunu önceden bilmek imkansızdır.LEFTMARJIN tarayıcı penceresinin sol kenarı arasındaki mesafeyi piksel cinsinden ayarlar. Bu özelliğin en yaygın kullanımı, bir yazarın solda, metinsiz ve arka plan resminin geri kalanından desen veya renk açısından farklı bir kenar boşluğuna sahip olmak istemesidir. ÜST BOŞLUK metnin üst kenarı ile tarayıcı penceresinin üst kenarı arasındaki mesafeyi ayarlamaya yarar. Genellikle arka plan görüntüsünün üst kısmı önemli olduğunda ve onu açık bırakmak istediğinizde kullanılır.Html - belgeler okuyucu tarafından görülemeyecek yorumlar içerebilir. Etiket ile başlamalılar ... Bu etiketlerin içindeki her şey, sayfayı görüntülerken görünmez kalır. ADRES en önemli unsurlardan biridirHtml ... Belgenin yazarını belirlemeye ve (isteğe bağlı olarak) yazarın adresini belirtmeye yarar. Burası aynı zamanda telif hakkı bilgilerinin genellikle yerleştirildiği yerdir. Bu öğe, belgenin başında ya da en sonunda bulunur.ADRES etiketlerin arasına yerleştirilmiş metinden oluşur

ve

... Bu etiketler arasındaki metin genellikle tarayıcı penceresinde italik olarak gösterilir.

Merhaba! Bu derste, bir HTML belgesinin yapısının oluşumuna ZATEN aşina iseniz, kendiniz için yararlı hiçbir şey bulamayacaksınız. Aşina OLMAYANLAR için, bir WordPress sitesi de dahil olmak üzere bir web belgesinin doğru (geçerli) HTML yapısını göstereceğim.

Genel doğru HTML belge yapısı

Her şeyden önce, uzun önsözler olmadan - herhangi bir HTML belgesinin genel yapısı şu şekilde olmalıdır:

/ * Mevcut DTD'nin türünü gösterir * / / * Belgenin başlangıcını gösterir * / / * Başlığın (başlık) başlangıcını gösterir * / / * Başlığı gösterir * // * Başlığın başlangıcını gösterir * / / * Belgenin ana gövdesinin başlangıcını gösterir (gövde) * / / * Belgenin içeriği * // * Belgenin ana gövdesinin sonunu gösterir * // * Belgenin sonunu gösterir * /

Her etiketten sonra gösterdiğim açıklamaları kaldırırsak, HTML belgesinin basit yapısı şöyle görünür

DTD Geçerli Belge Türü

Mevcut belge türü ( Belge Türü Tanımı, DTD) tarayıcının mevcut web sayfasının nasıl yorumlanacağını anlaması için gereklidir, çünkü HTML birkaç sürümde mevcuttur.

Ek olarak, XHTML gibi HTML dışında başka biçimlendirme dilleri de vardır.

Not: XHTML, genişletilmiş hiper metin işaretleme dili olarak çevirdiğimiz Genişletilebilir Köprü Metni Biçimlendirme Dilidir.

XHTML, HTML'ye benzer, ancak sözdizimi açısından farklıdır. Tarayıcının dilleri karıştırmasını önlemek için ve onu kodun ilk satırında, yani geçerli belge türü olan DOCTYPE'ta göstermeniz gerekir.

HTML'de etiket kavramı

Bir HTML belgesinin tüm yapısının belirli etiketlerle (açılı parantez içine alınmış belirli sözcükler) tanımlandığını fark ettiniz.

Bir HTML belgesinde açılı parantez içine alınmış bir kelimeye etiket denir. Her etiketin, biçimlendirme kurallarıyla tanımlanan kendi anlamı vardır.

• Etiketi, html belgesinin başı anlamına gelir. Başlık etiketleri, tarayıcılar ve arama motorları için bilgi depolar. Meta etiketler biçiminde dahil olmak üzere;
• Etiketi, html belgesinin ana içeriği anlamına gelir. Yani metin, resimler, Java Scriptleri vb.
• [P] etiketi bir blok öğesidir, her zaman yeni bir satırda başlar. Bir html belgesinin ana içeriğinin bir paragrafı anlamına gelir.

Önemli! Tüm html etiketleri eşleştirilmelidir. Yani açılış etiketi<тег> , eğik çizgi ile bir kapanış etiketiyle kapatılmalıdır .

H1-h6 başlık ve alt başlık etiketleri

Belge metninin yapısını iyileştirmek ve web sayfalarının SEO'sunu iyileştirmek için ek ana içerik etiketleri vardır. Toplamda h1'den h6'ya kadar başlık ve alt başlık etiketleri olarak adlandırılırlar.

Metnin anlamsal bölümlerini vurgulamanıza izin veren [p] -paragraf etiketleri gibi, metni anlamsal kaderlere bölerek her bölüme kendi başlığını vermenizi sağlar.

Etiketler: h1—h6 ikincil bir bağımlılığa sahipse, bu bağımlılığın alt seviyesi paragraftır.

Alt etiket bağımlılığının kaldırıldığına dikkat etmek önemlidir. h1—h6—p belgenin görüntülenmesini ve geçerliliğini bozmaz, ancak yalnızca arama motorları için optimizasyonunu kötüleştirir.

Gelişmiş bir HTML belge yapısına bir örnek

Daha gelişmiş bir HTML belge yapısının akademik bir örneğini burada bulabilirsiniz:

Ana başlık

Ana başlık

İlk alt başlık

Ana başlık

İkinci alt başlık

İlk küçük alt başlık

HTML 5 yapısı

HTML 5, aşağıdaki belge yapısına sahip olmalıdır:

Bu gösteren bir beyandır hTML5'te bu belge nedir;

bu, HTML sayfasının kök öğesidir;

Belge hakkında meta etiketleri olan öğe;

ve bir metin satırıdır. Bu dizi herhangi bir uzunlukta olabilir, ancak 60 karakterden uzun olmaması önerilir. TITLE öğesi yalnızca HEAD bölümünde görünmelidir.

Belge bölümüVÜCUT

Belgenin bu bölümü, tarayıcı penceresinde görüntülenen bilgileri içerir. BODY bölümü bir etiketle başlamalıdır < VÜCUT> ve etiketiyle bitirin VÜCUT> arasında, belgenin içeriğini oluşturan HTML öğeleri bulunur.

Öğe özellikleriVÜCUT

Etiket belgenin görünümünü belirleyen bir dizi niteliğe sahiptir. Etiketin özellikleri aşağıdadır .

TEXT \u003d "metin rengi"

BGCOLOR \u003d "arka plan rengi"

BACKGROUND \u003d "arka plan resmi adresi"

TEXT özelliği, tüm belgenin yazı tipi rengini RGB veya sembolik gösterimde belirtir. Varsayılan olarak (bu öznitelik belirtilmezse) tarayıcı ayarları kullanılır.

BGCOLOR özelliği, RGB veya sembolik gösterimde belge tarayıcı penceresinin arka plan rengini belirtir. Varsayılan olarak tarayıcı ayarları kullanılır.

BACKGROUND özniteliği, arka plan olarak kullanılan resmin adresini ve adını belirtmenize olanak tanır. Bu resim kopyalanacak ve belgenin arka planına dağıtılacaktır.

LINK, VLINK ve ALINK öznitelikleri, RGB veya sembolik gösterimde köprülerin renklerini belirtir. Varsayılan olarak tarayıcı ayarları kullanılır. Ziyaret edilmemiş köprü - Henüz başka bir belgeye gitmek için kullanılmamış bir köprü. Ziyaret edilen köprü - Başka bir belgeye gitmek için zaten kullanılmış bir köprü. Etkin köprü - şu anda gidilen belgeye giden köprü.

BODY Etiketi Özelliklerini Kullanmaya İlişkin İpuçları

 BODY etiketinde en az bir renk belirlerseniz, diğerlerini de belirtin. Bunun nedeni, kullanıcının tarayıcısının renk ayarlarını kendisi için daha uygun olduğu için ayarlayabilmesidir. Yalnızca tek bir renk belirtmek, bazı kullanıcılar için metnin arka plan rengiyle birleşeceği bir duruma yol açabilir. Sonuç olarak, belgeyi görüntülemek zor olacaktır.

 Arka plan rengiyle veya görüntünün ana renkleriyle "çalışacak" bir metin rengi seçin. Örneğin, yeşil üzerine kırmızı, önemli sayıda insan için ciddi sorunlara neden olabilir.

• BODY öğesinde, hem BGCOLOR hem de BACKGROUND belirtebilirsiniz. Bu durumda, tarayıcı BACKGROUND tercihini verir, ancak arka plan görüntüsü yüklenemezse BGCOLOR kullanılacaktır. Bu nedenle, belgenin renk dengesini bozmamak için arka plan rengini arka plan rengine benzer olacak şekilde ayarlamaya çalışın.

Etiketler:

Metni nasıl görüntüleyeceğinizi, tabloları, resimleri ve diğer nesneleri nasıl ekleyeceğinizi söyleyen tarayıcı komutları etiketleri (İngilizcedenetiket - etiket, işaret). Etiketlerin (komutların) kendileri ekranda görüntülenmez.

Etiket adı üçgen parantez içinde yazılır, örneğin, - tarayıcıya sonraki tüm metni kalın yazmasını söyleyen bir etiket. Etiket adı herhangi bir durumda (büyük veya küçük harf) yazılabilir, yani tarayıcı tarafından aynı şekilde algılanacak .

Etiketler eşleştirilmiş ve eşleşmemiş... Örneğin, etiketi tarayıcıya komuttan önce sonraki tüm metni kalın yazmasını söyler... Bu durumda komutu veren etikete açılışve komutu iptal eden etiket, kaplama.

Etiketler olabilir seçenekler (veya öznitelikler). Örneğin, bir yazı tipinin rengini ayarlamak için renk parametresiyle yazı tipi etiketini kullanın: - bu, tarayıcıya artık yazı tipini yeşil (bu örnekte) renkle kapanış etiketine kadar görüntülemesini söyleyen bir açılış etiketidir..

Bazı parametreler, değerlerinin zorunlu olarak gösterilmesini gerektirir. Bazı parametreler için, başka değer belirtilmezse tarayıcı varsayılan değerleri kullanır.

Etiketin birkaç parametresi varsa, bunlar herhangi bir sırayla boşlukla ayrılmış olarak yazılır. Örneğin: - renk ve boyut parametreleriyle açılış yazı tipi etiketi için iki benzer giriş.

HTML sayfalarının yapısı

Herhangi bir html sayfası aşağıdaki gerekli etiketleri içermelidir:

html - tarayıcıya sayfanın HTML ile yazıldığını ve kapanış etiketinden önceki satırların tek bir belge olduğunu söyler;

baş - bu belgeyi açıklayan önemli bilgiler açılış ve kapanış etiketleri arasına yerleştirilmiştir;

vücut - sayfanın içeriği açılış ve kapanış etiketleri arasına yerleştirilir.

Bu nedenle, HTML belgesi aşağıdaki yapıya sahiptir:

Belgenin açıklaması (sayfanın kendisinde gösterilmez)

İçerik (verilen biçimlendirme dikkate alınarak sayfada görüntülenir)

Bölümün kendisi isteğe bağlıdır ve belgenin açıklamasını yerleştirmeye yarar. Varsa, yalnızca gerekli etiket BAŞLIKiçeriği, genellikle tarayıcı penceresinin başlığında gösterilen belgenin başlığını belirtir.

Örneğin böyle bir çizgi Mozilla Firefox'ta pencere başlığında ve yer imlerinde (birkaç sayfa açıkken) yansıtılacak olan belge adı "1_HTML" olarak ayarlanacaktır:

2. Metni biçimlendirme

Yazı tipleri: yazı tipi, boyut, renk

Metin biçimlendirme

Başlıklar

Satır sonu ve paragraf biçimlendirme etiketleri

Metin hizalama

Bir egzersiz

Yazı tipleri: yazı tipi, boyut, renk

HTML biçimlendirmesini kullanarak farklı stillerde (yazı biçimleri), boyutlarda ve renklerde metin yazabilirsiniz. Bunu yapmak için etiketini kullanın birkaç parametre ile:

yüz - kulaklığı ayarlamak için,

boyut - boyutu ayarlamak için,

renk - rengi ayarlamak için.

İstenen yazı tipini, boyutu veya rengi ayarlamak için, istenen değeri ilgili parametreye atamanız gerekir:

parametre \u003d "değer"

Kulaklık

Örneğin, yazı tipinde metin yazmak için Times New Roman, istenen metnin önüne bir etiket eklemelisiniz ve bunu parametreye atayın yüz değer Times New Roman, dan beri etiket - eşleştirilmiş, ardından gerekli metinden sonra bir kapanış etiketi eklediğinizden emin olun:

Times New Roman metni

Times New Roman metni

Yüz parametresine virgülle ayrılmış birkaç değer atanabilir:

yüz \u003d "Times New Roman, Times, serif"

Bu durumda, tarayıcı önce metni yazı tipinde görüntülemeye çalışacaktır. Times New Roman... Kullanıcının bilgisayarında böyle bir yazı tipi yoksa, tarayıcı metni yazı tipinde görüntülemeye çalışır. Zamanlar vb.

Boyut

4 boyutunda metin yazmak için, istenen metnin önüne bir etiket eklemeniz ve boyut parametresini 4 olarak ayarlamanız gerekir:

Boyut 4 metni

Sonuç olarak, tarayıcı bu satırı şu şekilde gösterecektir:

Boyut 4 metni

Bu gizemli 4 rakamı ne anlama geliyor? Parametre boyut değer alabilir 1 önce 7 ... Bunlar geleneksel birimlerdir. Varsayılan ortalama boyut size \u003d "3".

Bu nedenle, metin boyutu 4, 1 geleneksel birimle artırılan ortalama boyuttur ve boyut 2, 1 geleneksel birim, vb. Azaltılan ortalama boyuttur. Bu şekilde verilen metin miktarına mutlak.

Ancak metnin boyutunu varsayılan boyuta göre küçültmenin veya artırmanın başka bir yolu vardır. Bunu yapmak için parametre atamanız gerekir boyut değer "-1" veya "+1" sırasıyla. Bu boyutu ayarlama yöntemiyle, metnin boyutu olarak adlandırılır akraba.

Dolayısıyla, 5 metin boyutunu elde etmek için iki yöntem kullanabilirsiniz:

Boyut 5 metni veya Boyut 5 metni

Yukarıdakilere ek olarak, metnin boyutunu ayarlamanın birkaç başka yolu vardır.

Etiketini kullanarak metni büyütebilirsiniz :

Büyütülmüş metin

Sonuç olarak, tarayıcı bu satırı şu şekilde gösterecektir:

Büyütülmüş metin

Etiketi kullanarak metni küçültebilirsiniz :

Azaltılmış metin

Sonuç olarak, tarayıcı bu satırı şu şekilde gösterecektir:

Azaltılmış metin

Etiketler: ve efekti artırmak için birkaç kez tekrar edilebilir. Örneğin, satırın bir sonucu ise:

Büyük Metin

metin yeterince büyük değil:

Büyük Metin

şu şekilde yazılabilir:

Büyük Metin

Bu daha büyük metinle sonuçlanacaktır:

Büyük Metin

Renk

Şimdi metnin rengini ayarlamakla ilgili. Kırmızı metin yazmak için, istenen metnin önüne bir etiket eklemeniz gerekir. ve bunu parametreye atayın renk değer kırmızı:

Kırmızı metin

Sonuç olarak, tarayıcı bu satırı şu şekilde gösterecektir:

Kırmızı metin

Ancak renk yalnızca adla değil, aynı zamanda bir işaret gibi görünen onaltılık formattaki dijital değerle de ayarlanabilir. # ve 6 karakter (sayılar 0-9 ve Latin alfabesinin harfleri A-F) ondan sonra. Örneğin kırmızı, onaltılık bir değerdir # FF0000... Şunlar. kırmızı ile iki şekilde metin yazabilirsiniz:

Kırmızı metin veya Kırmızı metin

Buradan, ana renkleri, adlarını ve bunlara karşılık gelen onaltılık değerleri gösteren bir renk şeması indirebilirsiniz.