HTML'de Yaz: Temel HTML Kavramları

Düşündüğünden daha kolay

İyi bir CMS , web sitenize makaleler göndermenizi kolaylaştırır. Ama tam olarak ne gönderiyorsun? Metnin birkaç paragrafı. Ve bu metin doğru biçimlendirilmemişse, güzel makaleniz web sitenizde görünecektir.

İyi haber: HTML'de yazmayı öğrenirseniz, makaleniz harika görünür. Birkaç temel kavramla, HTML'de anında yazacaksınız.

HTML: Web Tarayıcısının Dili

"HTML", "Köprü Metni Biçimlendirme Dili" anlamına gelir. Temel olarak, metninizi işaretlemek için bir dildir , bu nedenle cesurca görünmek veya başka bir siteye bağlantı vermek gibi süslü şeyler yapabilirsiniz.

HTML, tarayıcınızın temel dilidir. İnternet için birçok programlama dili kullanıyoruz (PHP, Perl, Ruby ve diğerleri), ancak hepsi HTML'yi tükürüyor. (Peki ya da JavaScript, ama bunu basit tutalım.)

Tarayıcınız HTML'yi alır ve güzel bir web sayfasına dönüştürür.

HTML'de yazmayı öğrenin ve tarayıcının yapmasını istediklerinizi tam olarak bileceksiniz.

Normal Metni HTML İşaretleri

HTML bir işaretleme dilidir, bu yüzden çoğu "HTML" sadece düz metindir. Örneğin, bu mükemmel bir HTML:

Merhaba. Ben HTML Heyecan verici. Evet. Şaşırtıcı.

Ama bekle, diyorsun. Bu bir bilgisayar dili gibi görünmüyor! İngilizceye benziyor!

Evet. Şimdi büyük sırrı biliyorsun. HTML (doğru kullanıldığında) okunabilir metindir.

Kelime İşlemci Deneyiminizden Öğrenin

Tabii ki düz metinden daha fazlasını istiyoruz. Biz italik istiyoruz.

Kelime işlemci programında (Microsoft Word veya ücretsiz LibreOffice gibi) italik yazmayı zaten biliyorsunuz. Küçük I düğmesine basarsın.

Bundan sonra yazdığınız her şey italik harflerle yazılmıştır. Sayfa yazabilirsiniz. Bu festivale nasıl son veriyorsunuz? I düğmesine tekrar basın. Şimdi yazı tipiniz normale döndü.

Eğer italik kelimelerin ortasına geri dönüp biraz metin eklerseniz, italik olarak da yazılacaktır. Başlangıç ​​noktası, italikleri "açtığınız" ve onları kapattığınız bitiş noktası arasında bir tür italik bölge var .

Ne yazık ki, bu uç noktalar görünmezdir.

Görünmez uç noktalar çok fazla acıya neden olabilir. İtalikleri kapatmanız çok kolay, sonra imleç ile bazı yanlışları yapın ve hala italik olduğunuzu bulun. Onları tekrar kapatmaya çalışıyorsun, ama bir şekilde tekrar taşındın, böylece onları kapatırsan onları değiştirir.

HTML Kullanımları & # 34; Etiketler & # 34;

HTML ayrıca uç noktaları kullanır. Fark, HTML’de bu uç noktaları görebilirsiniz . Onları yazarsınlar .

Diyelim ki daha önceki bir örnekte ladin yapmak istiyorsun. "Heyecanlı" kelimesini italik etmek istiyorsun. Heyecan Verici yazabilirsiniz. Bunun gibi:

Merhaba. Ben HTML Heyecanlı . Evet. Şaşırtıcı.

Bunu metin düzenleyicinize kaydedersiniz, ardından HTML'yi kopyalayıp CMS'nizdeki "yeni makale" kutusuna yapıştırın. Tarayıcı sayfayı gösterdiğinde, şöyle görünürdü:

Merhaba. Ben HTML Heyecan verici . Evet. Şaşırtıcı.

Bir kelime işlemcisinin aksine, bunları yazarken italikleri görmezsiniz . Etiketleri sen yaz. Tarayıcı etiketleri okur, görünmez yapar ve talimatlarını takip eder.

Tüm bu etiketleri görmek can sıkıcı olabilir, ancak doğru metin editörü bunu çok daha kolay hale getirir.

Etiketleri Açma ve Kapatma

ve etiketlerine tekrar bakın. tıpkı I düğmesine ilk tıkladığınız gibi italikleri açar. , ikinci tıkladığınız gibi italikleri kapatır.

Bir düğmeyi tıklamak yerine, küçük etiketler yazıyorsunuz. Italik başlatmak için bir açılış etiketi, onları durdurmak için bir kapanış etiketi.

Etiketler arasındaki farkı not edin. Kapanış bir / eğik çizgi içerir. HTML'deki tüm kapanış etiketleri bu eğime sahip olacaktır.

Kapatma Etiketini Unutmayın

Kapanış etiketleri oldukça önemlidir. Ya kapanmayı unutacaksan, böyle mi?

Merhaba. Ben HTML Heyecanlı. Evet. Şaşırtıcı.

Sanki italikleri kapatmak için tekrar tıklamayı unutmuş gibisin. Bunu alacaksın:

Merhaba. Ben HTML Heyecan verici. Evet. Şaşırtıcı.

Eksik bir etiket, makalenizin tamamını veya sayfanın geri kalanını bir italik ırmağına dönüştürebilir.

Bu muhtemelen hem en kolay hem de en sinir bozucu yeni başlayanların hatalarından birisidir. Ama düzeltmek kolay. Sadece kapanış etiketini aç.

Şimdi bazı etiketleri öğrenin

Tebrik ederiz! Temel HTML'yi anlıyorsunuz!

Normal metin açılış ve kapanış etiketleriyle işaretlenir. Hepsi bukadar.

Şimdi bazı temel HTML etiketlerini öğrenin. (Önce iyi bir metin editörü almak isteyebilirsiniz.)