İçerik

• Adım atmak
• Yöntem 1/2: CSS Kullanma
• Yöntem 2/2: HTML'de "merkez" etiketini kullanma

Bu wikiHow makalesi, bir HTML web sitesinde metnin nasıl ortalanacağını öğretir. Bunun için CSS (Basamaklı Stil Sayfaları veya stil sayfaları) kullanıyoruz. HTML'de ortalamak için merkez>etiketi, ancak bu artık çoğu tarayıcıda çalışmamaktadır.

Adım atmak

Yöntem 1/2: CSS Kullanma

1. Stillerinizi tanımladığınız metin dosyasını açın. Şimdi merkez>etiketi artık kullanılmıyorsa, bu dosyada metni HTML belgenizin belirli alanlarında ortalayacak yeni bir öğe oluşturun. Ayrı bir CSS dosyanız yoksa, kodlar HTML belgesinin en üstünde "style>" ve "/ style>" etiketleri arasındadır.
   • Olarak stil>- ve / stil>etiketler henüz orada değil, bunları doğrudan gövde>aşağıdaki şekilde etiketleyin:

   ! DOCTYPE html> html> gövde> stil> / stil>

2. Metni merkezleyen bir sınıf oluşturun. The div>etiketi, HTML belgenize bu sınıfın hangi belirli bölümle ilgili olduğunu söyler. Aşağıdakini "stil" etiketleri arasına yazın ve iki kez tıkladığınızdan emin olun ↵ Girin ilk satırdan sonra:

   div.a {}

3. Ekle Metin hizalamaEmlak. Tür metin hizalama: merkez; parantezlerin arasında div.a-Bölüm. "Başlık" artık şu şekilde görünür:

   ! DOCTYPE html> html> gövde> stil> div.a {text-align: center; } / stil>

4. Doğru olanı ekleyin divortalamak istediğiniz metne etiketleyin. Bunu şu yolla yaparsın div>Bu metnin üstündeki etiketi ve onu bir / div>Bu metnin altındaki etiketi. Örneğin, bir başlığı ve altındaki paragrafı ortalamak istiyorsanız, şuna benzer:

   div> h1> Web siteme hoş geldiniz / h1> p> Bu web sitesi esas olarak şeyler hakkında bilgi sağlamak içindir ./p> / div>

5. Kullan div.adiğer öğeleri ortalamak için etiket. Etiketler arasındaki içerik gibi başka bir öğeyi ortalamak istediğinizde p> / p> ve h2> / h2>), yazarsın div> bu eleman için ve / div> sonradan. "Div.a" yı merkezleme CSS kodu olarak zaten tanımladığınız için, bu öğeler de artık ortalanmıştır.

   stil> div.a {metin hizalama: merkez; } / style> div> h2> Bağışlara açığız / h2> p> lütfen / p> / div>

6. Belgenizi kontrol edin. Web sayfanızdaki metin elbette farklı olsa da, aşağıdaki gibi görünmelidir:

   ! DOCTYPE html> html> gövde> stil> div.a {text-align: center; } / style> div> h1> Web siteme hoş geldiniz / h1> p> Bu web sitesi esas olarak bir şeyler hakkında bilgi sağlamak içindir. / p> / div> div> h2> Bağışlara açığız / h2> p> lütfen / p> / div> / body> / html>

Yöntem 2/2: HTML'de "merkez" etiketini kullanma

1. HTML belgenizi açın. Bu yöntem, eski olanın nasıl elde edileceğini açıklar. merkez>etiket. Bu yöntem hala birkaç tarayıcıda işe yarayabilir, ancak en iyisi ona çok fazla güvenmemek.
2. Ortalamak istediğiniz metni bulun. Ortalamak istediğiniz başlığı, paragrafı veya başka bir metni bulana kadar belgenizi aşağı kaydırın.
3. Metnin her iki tarafına da "merkez" etiketini yerleştirin. Kod buna benziyor merkez> metin / merkez>. Burada "metin" ortalanacak metindir. Bu metinde paragraftan önce "p> / p>" gibi başka etiketler varsa, "merkez" etiketlerini mevcut etiketlerin dışına yerleştirin.

   center> h1> Web siteme hoş geldiniz / h1> / center> center> Rahat olun! / center>

4. HTML belgenizi kontrol edin. Bunun gibi bir şeye benzemeli:

   ! DOCTYPE html> html> body> h1> center> Web siteme hoş geldiniz / merkez> / h1> merkez> Kendiniz için kolaylaştırın! / Merkez> p1> Bu web sitesi esas olarak şeyler hakkında bilgi sağlamak içindir. > / html>