Bu bölmədə biz H1-H2-H3-H4-H5-H6 dediyimiz başlıq strukturu (başlıq), paraqrafların açılması və sətirlərin atlanması haqqında öyrənəcəyik.

Başlıq

Başlıqlarından istifadə W3C standartında ən böyükdən kiçiyinə, <H1>-dən <H6>-a qədər sıralanan və səhifədəki yerinə görə istifadə edəcəyimiz başlıqlarımızdır. Bu başlıqlardan sonra əlavə sətir atlanır.

HTML kodu​

<h1>H1 Başlıq</h1>
<h2>H2 Başlıq</h2>
<h3>H3 Başlıq</h3>
<h4>H4 Başlıq</h4>
<h5>H5 Başlıq</h5>
<h6>H6 Başlıq</h6>

Genişləndirmək üçün klikləyin...

HTML Görünüşü​

H1 Başlıq​

H2 Başlıq​

H3 Başlıq​

H4 Başlıq​

H5 Başlığı​

H6 Başlığı​

Genişləndirmək üçün klikləyin...

Yuxarıdakı nümunədə H1-in dəyişdirildiyini görürsünüz. Siz görəcəksiniz ki, CSS stil faylları və ya fayldaxili üslubdan istifadə etməklə başlıq teqlərində (rəng, ölçü və s.) dəyişiklik etmək mümkündür, bunu sonra izah edəcəyik.

Paraqraflar Paraqraf

Yeni sətrin başlanğıcını təmsil edir. HTML-də onu <p> ilə başlayır və </p> ilə bitiririk. Başlıq strukturunda olduğu kimi, avtomatik olaraq paraqraflardan sonra sətirləri keçir.

HTML kodu​

<p>Bu bir Yazi örneyi..</p>
<p>Bu da başqa bir Yazi örneyi..</p>
​

Genişləndirmək üçün klikləyin...

HTML Görünüşü​

Bu Yazi bir nümunədir.
Yazi başqa bir nümunəsidir.

Genişləndirmək üçün klikləyin...

QEYD: Yazi kodunu bağlamağı unutmayın: O, <b>...</b> kimi sətir keçmə (<br />) və meta xaricində istifadə edilməlidir. Əks halda, səhifə tərtibatında təhriflər baş verə bilər.

Sətirləri Atlama

Biz HTML dilində ya abzasda, ya da paraqrafdan istifadə etmədən başlayan mətndə sətri keçmək üçün <br /> teqindən istifadə edirik .

HTML kodu​

<p>Bu bir<br /> paraqraf və sətir atmaq <br /> nümunəsidir..</p>

Genişləndirmək üçün klikləyin...

HTML Görünüşü​

Bu
paraqraf və sətir atmaq
nümunəsidir ..

Genişləndirmək üçün klikləyin...

Əsasən <br> və <br /> arasında heç bir fərq yoxdur. Lakin (/) əlavə edilməsinin səbəbi sətir atlama kodunun bağlanma teqi olmamasıdır (yəni </br> kimi istifadə edilə bilməz). W3C Standartlarına görə, <br /> daha düzgün istifadədir (XHTML-ə görə). Helelik Nobeti derse kimi

Təşəkkür.
Təməl biliklərdən yararlanacaq olacaq hər-halda.

Salam Java kodları yazsam olar bu mövzuda bəlkə kiminsə işinə yarayar?

Bd ProTech said:

Salam Java kodları yazsam olar bu mövzuda bəlkə kiminsə işinə yarayar?

Genişləndirmək üçün klikləyin...

Salam Java Kodlar paylasim etmek isteyirsizse yeni movzu acin Bu bolmede

Slm bilmirem ağlınıza gelirmi paylaşılmışdı evvelki forumda . Ekran tam telefona oturan kod vardı meta teg kodla onu oylaşa bilersiz zehmet olmasa

Schwarz said:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Genişləndirmək üçün klikləyin...

Varol abi

Schwarz said:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Genişləndirmək üçün klikləyin...

Sene dəfələrlə demişəm Öyrətdiklərimi paylaşma.)

dilxor said:

Sene dəfələrlə demişəm Öyrətdiklərimi paylaşma.)

Genişləndirmək üçün klikləyin...

sonuncu dəfə olar )