HTML nedir? Nasıl Çalışır?

HTML nedir? Nasıl Çalışır?

HTML uzun süredir var olduğundan, temel bilgileri öğrenmenin zamanı geldi. Nedir, nasıl çalışır ve HTML'de bazı ortak öğeler nasıl yazılır.

HTML Nedir?

HTML, web sayfaları oluşturmak için kullanılan dildir.
HTML, Hiper Metin İşaretleme Dili anlamına gelir ve web tarayıcınız için basit bir talimat kümesidir. Bu talimatları kullanarak, tarayıcınız bir web sayfasının nasıl görünmesi gerektiğini görüntüler.

Bir programlama dili değil, bir biçimlendirme dili olduğunu anlamak önemlidir. Programlama dilleri matematik denklemleri gibi problemleri çözmenize izin verir.

HTML'de herhangi bir mantık yazamazsınız. Sadece düzen ile ilgilidir.

HTML nasıl görünüyor?
HTML, "etiketler" olarak bilinen birkaç öğeden oluşur. Etiketler, web sayfanızın belirli bir bölümünü şekillendirmek için talimatlardır. İnşaata gibi düşünürsek HTML plan, etiketler pencereler veya kapılar gibi belirli özelliklerdir.

HTML’de çok basit bir web sayfasının kodları şöyle görünür:

<html> <head> <title>MUO Website</title> </head> <body> </body></html>

Web Sitesi

Etiketlerin büyük çoğunluğunun açık ve kapalı olması gerekir. Bu, metnin, resimlerin veya içindeki diğer etiketlerin bazı özelliklerini tanımlar ve sonra tanımı sonlandırır. Ev planı örneğine geri dönersek, etiketi açmak “pencereyi burada başlat” gibi anlatırken, etiketi kapatmak “pencerenin nerede bittiği” gibi bir şeydir.
HTML etiketleri aslında web sitenizde görünmez. Tarayıcınız talimatları izler, ancak hiçbir zaman ziyaretçilere göstermez. Ancak, bu sır değil. Web sayfalarınızı yayınladıktan sonra herkes HTML'nize bakabilir.

Çok sayıda farklı HTML etiketi olsa da, bir web sitesini kodlayabilmeniz için hepsini öğrenmeniz gerekmez.
Bugün bazı ortak etiketlerin nasıl yazılacağını ve ne için kullanılabileceğini öğreneceksiniz.

HTML Etiket Nitelikleri Nelerdir?
Etiketler hakkında bilmeniz gereken son bir şey niteliktedir. Özellikler, etiketlerin özel özelliklerini tanımlar. Etiketler pencere ve kapılar ise, özellikler belirli bina ayrıntılarını belirtir. Bu pencerenin açılıp açılmayacağı veya kapının genişliği ve yüksekliği olabilir.

Özellikler, açılış etiketinin içinde şöyle bulunur:

<p width="123" height="567"></p>

Kendi etiketlerinizi veya niteliklerinizi oluşturamazsınız. Nitelikler ve etiketler, World Wide Web Consortium (W3C) tarafından önceden tanımlanmıştır.

HTML5 Nedir?
HTML5, HTML'nin en son sürümüdür. Birkaç yeni etiket, özellik ve özellik içerir.

HTML bir yönerge kümesi olduğundan, farklı web tarayıcıları bazen bunu farklı şekilde yorumlar. Aksi belirtilmedikçe, bir tarayıcı pencerelerin ve kapıların siyah renkte boyanmasına karar verebilir.

html5

Çoğunlukla, web sayfalarınız tüm önemli tarayıcılarda aynı görünecektir, ancak bir şey yayınlamadan önce hızlı bir test yapmak önemlidir. Özellikle daha yeni etiketler kullanıyorsanız, henüz tüm tarayıcılar tarafından desteklenmeyebilir.

HTML Nasıl Yorumlanır?
Diğer birçok dil, işaretleme veya programlama gibi HTML de, biçimlendirme bloklarını "yorumlama" yeteneğine sahiptir. Yorum, tarayıcı tarafından yok sayılan bir şeydir.
Bu, web sitenizin belirli bir parçasının ne olduğunu hatırlatmak için bir not olabilir.

İşaretlemeyi ekleyerek, tarayıcıya bir veya daha fazla etiketi yoksaymasını emrediyorsunuz. Bu, işlevselliği kaldırmak veya kodu silmeden web sitenizin bir parçasını gizlemek için yararlı olabilir.

Bir web tarayıcısı bir yorum gördüğünde, “Aksini söyleyene kadar bu talimatları kullanmayın” diye anlıyor. Yorumlar, tıpkı etiketler gibi bir "açılış" yorumu ve bir "kapanış" yorumu içerir.

İşte bir örnek:

<!-- Don't forget to add the XYZ here! --><p width="123" height="567"></p>

Kodun yorumlanması tam olarak aynı şekilde yapılır:

<!-- <p width="123" height="567"></p> -->

Bir mesajdan ziyade, yorumlarınızı etiketler arasına koyun.

HTML'ye Görüntü Ekleme
HTML’ye resim eklemek, resim etiketiyle yapılır:

<img src="logo.jpg" alt="Logo">

Etiket adının img olarak nasıl adlandırıldığına ve iki özellik olduğuna dikkat edin. Src özniteliği, resmin nerede bulunacağını belirtir ve resmin herhangi bir nedenle yüklenememesi durumunda alt etiket alternatif bir metin açıklamasıdır.

Diğer çoğu etiketin aksine, görüntü etiketinin kapanmaya ihtiyacı yoktur.

Yazı Tipinde HTML Nasıl Değiştirilir
Yazı tipi etiketi ve yüz özelliği kullanılarak değiştirilebilir:

<font face="arial">Arial Text</font>

Yazı tipi boyutu, beden niteliği kullanılarak kolayca değiştirilebilir:

<font size="12">Big Text</font>

Yazı tipi rengini değiştirmek isterseniz, bu özellik renk özelliğiyle kolayca yapılabilir:

<font color="red">Red Text</font>

Bu özellikler yazı tipi etiketine özgüdür. Başka bir etiket kullanmak isterseniz, diğerinin içine yerleştirerek etiketleri yuvalayabilirsiniz:

<p><font color="red">Red Text</font></p>

HTML’de Bağlantı Ekleme
Bağlantılar bir etiket kullanılarak eklenebilir:

<a href="//www.ogznet.com">Ogznet.com</a>

Href özniteliği, bağlantınızın hedefidir.

HTML'de Tablo Nasıl Yapılır?
HTML tabloları birkaç farklı etiketi yerleştirmeyi içerir.
Bir tablo etiketi ile başlamalısınız:

<table> </table>

Şimdi tr etiketini kullanarak birkaç satır ekleyin:

<table> <tr> </tr> <tr> </tr> <tr> </tr></table>

Son olarak, tablo hücrelerini oluşturmak için td etiketini kullanın.

<table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr></table>

Geçmişte, bir web sayfasını yapılandırmak için tablolar kullanılırdı, ancak bu uygulama eskidi.

HTML ile CSS Kullanımı

Bu örnekler temel Html komutlarını kapsamıştır, ancak gerçekten yaratıcı olmak istiyorsanız CSS'yi kullanmanız gerekir. Basamaklı Stil Sayfaları web sitenizin tasarımı üzerinde çok daha fazla kontrol sağlar ve web sitenizin farklı bölümleri arasında oldukça fazla kod kullanmanıza olanak tanır.

HTML'nizin yanında CSS yazmak isterseniz, stil özelliğini kullanabilirsiniz. Bu özellik, CSS'yi, üzerinde kullanıldığı etikete uygular:

<html> <head> <style type="text/css"> MANY CSS RULES </style> </head></html>

Benzer stil gerektiren bir çok işaretiniz varsa bunu sürdürmek için çok uğraşabilirsiniz.

En iyi yol, head etiketinin içine yerleştirilmiş stil etiketini kullanmaktır. Burada tüm sayfalarınız için CSS tanımlayabilirsiniz:

<link rel="stylesheet" type="text/css" href="muostyle.css">

Bu yazıyı beğendiniz mi? Bültenimize katılın ve bizi takip edin!

Bu yazıyı 5 yıldız üzerinden kaçla değerlendirirsiniz?
Daha önce bu yazı 0 kez değerlendirilmiş ve ortalama 0 yıldız verilmiş.
Bu yazı daha önce 134 kez okundu.

Facebook Yorumları

Yorumlar

Bu yazıya henuz bir yorum yapılmamış. İlk yorumu yapan siz olun!

Yorum Yaz

Bombacı Adam Oyunu OynayınBig Shot BoxingTenis OyunuKare Yapmaca
RGS-CardMaster

RGS-CardMaster

16 Nis 2018 / Ofis
Opera@USB

Opera@USB

16 Nis 2018 / İnternet
Vital Desktop

Vital Desktop

11 Nis 2018 / Masaüstü
Access To MySQL

Access To MySQL

11 Nis 2018 / Araçlar
Akram Audio Converter

Akram Audio Converter

11 Nis 2018 / Multimedya
Poliçe Takip

Poliçe Takip

05 Nis 2018 / Ofis
Opera@USB

Opera@USB

16 Nis 2018 / İnternet
RGS-CardMaster

RGS-CardMaster

16 Nis 2018 / Ofis
Access To MySQL

Access To MySQL

11 Nis 2018 / Araçlar
Vital Desktop

Vital Desktop

11 Nis 2018 / Masaüstü