Sayfanızda tasarım bölümleri oluşturma
Başlıklar, metninizi organize etmenin, faydalı bölümler oluşturmanın ve web sayfanızı arama motorları için optimize etmenin kullanışlı bir yoludur. HTML başlık etiketlerini kullanarak kolayca başlık oluşturabilirsiniz. Metninizin görünümünü kalın ve italik etiketlerle de değiştirebilirsiniz.
Başlıklar
Başlık etiketleri, belgenizi bölmenin en basit yoludur. Sitenizi bir gazete olarak düşünürseniz, başlıklar gazete başlıklarıdır. Ana başlık bir h1'dir ve sonraki başlıklar h2 ile h6 arasındadır.
HTML oluşturmak için aşağıdaki kodları kullanın.
Bu Başlık 1 h1> Bu Başlık 2 h2> Bu Başlık 3 h3> Bu Başlık 4 h4> Bu Başlıktır 5 h5> Bu Başlık 6 h6> Hatırlanması Gereken İpuçları
- Başlıklarınızı mantıksal bir düzende tutmaya çalışın, h1, h3'ten önce gelir ve bu da h3'ten önce gelir.
- Başlıkların nasıl göründüğüne dair endişelenmeyin; sıra dışı bir başlık kullanmak yerine başlık başlıklarını çizmek için CSS kullanmalısınız.
- Başlık etiketleri blok düzeyinde öğelerdir , bu yüzden sizin için satır sonları koydular. P etiketlerini başlık etiketlerine koymayın.
Kalın ve İtalik
Bu Başlık 3 h3> Bu Başlık 4 h4> Bu Başlıktır 5 h5> Bu Başlık 6 h6> Hatırlanması Gereken İpuçları
- Başlıklarınızı mantıksal bir düzende tutmaya çalışın, h1, h3'ten önce gelir ve bu da h3'ten önce gelir.
- Başlıkların nasıl göründüğüne dair endişelenmeyin; sıra dışı bir başlık kullanmak yerine başlık başlıklarını çizmek için CSS kullanmalısınız.
- Başlık etiketleri blok düzeyinde öğelerdir , bu yüzden sizin için satır sonları koydular. P etiketlerini başlık etiketlerine koymayın.
Kalın ve İtalik
Bu Başlıktır 5 h5> Bu Başlık 6 h6> Hatırlanması Gereken İpuçları
- Başlıklarınızı mantıksal bir düzende tutmaya çalışın, h1, h3'ten önce gelir ve bu da h3'ten önce gelir.
- Başlıkların nasıl göründüğüne dair endişelenmeyin; sıra dışı bir başlık kullanmak yerine başlık başlıklarını çizmek için CSS kullanmalısınız.
- Başlık etiketleri blok düzeyinde öğelerdir , bu yüzden sizin için satır sonları koydular. P etiketlerini başlık etiketlerine koymayın.
Kalın ve İtalik
Hatırlanması Gereken İpuçları
- Başlıklarınızı mantıksal bir düzende tutmaya çalışın, h1, h3'ten önce gelir ve bu da h3'ten önce gelir.
- Başlıkların nasıl göründüğüne dair endişelenmeyin; sıra dışı bir başlık kullanmak yerine başlık başlıklarını çizmek için CSS kullanmalısınız.
- Başlık etiketleri blok düzeyinde öğelerdir , bu yüzden sizin için satır sonları koydular. P etiketlerini başlık etiketlerine koymayın.
Kalın ve İtalik
Kalın ve italik için kullanabileceğiniz dört etiket vardır:
- ve için kalın
- italik için ve
Hangisini kullandığın önemli değil. Bazıları ve 'yi tercih etse de, birçok kişi "bold" ve italik için daha kolay hatırlanabilir.
Metni kalın veya italik yapmak için metninizi açılış ve kapanış etiketleriyle basitçe çevirin:
kalın b> italik i>Bu etiketleri yerleştirebilirsiniz (bu da hem kalın hem de italik metinler oluşturabileceğiniz anlamına gelir) ve dış veya iç etiketin hangisi olduğu önemli değildir.
Örneğin:
Bu yazı kalın
Bu yazı kalın strong>Bu metin italik yazılmış
Bu metin italiktir em>Bu metin hem kalın hem de italiktir
Bu metin hem kalın hem de italiktir em> strong>Neden iki takım kalın ve italik etiketler var
HTML4'te, ve etiketleri, yalnızca metnin görünümünü etkileyen ve etiketin içeriği hakkında hiçbir şey söylemeyen stil etiketleri olarak kabul edildi ve bunları kullanmak için kötü bir form olarak kabul edildi. Daha sonra, HTML5 ile, metnin görünüşünün dışında anlamsal bir anlam verildi.
HTML5'te bu etiketlerin belirli anlamları vardır:
- , çevreleyen metinden daha önemli olmayan metni gösterir, ancak tipik bir tipografik sunum, bir dokümanın özetindeki veya bir incelemedeki ürün adlarındaki anahtar kelimeler gibi kalın metinlerdir.
- , çevreleyen metinden daha önemli olmayan metni gösterir, ancak tipik tipografik sunum, kitap başlığı, teknik terim veya başka bir dilde ifade gibi italik metinlerdir.
- , çevreleyen metne kıyasla güçlü bir öneme sahip olan metni belirtir.
- , çevreleyen metne göre empatik bir strese sahip olan metni gösterir.