-HTML (Hypertext Markup Language), web sayfaları hazırlamak için kullanılan bir
dildir. Html komutları herhangi bir metin (text) düzenleme editöründe yazılabileceği gibi,
çeşitli web tasarımı editörlerini kullanarak da oluşturulabilir.
Html komutları etiketlerden (tag) oluşur. Html komutları yazılırken aşağıdaki
kurallara dikkat edilmesi gerekir;
1.Html komutları “<†ve “>†işaretleri arasına yazılır. Burada yer alan“< >â€
etiketleme yapmak için kullanılan işarettir. <etiketadi>……</etiketadi>,
<tag>…..</tag>
2.Html etiketleri yazılırken Türkçe karakterler kullanılmamalıdır.(ş, ç, ö, ü, ı, ğ)
3.Html komutları büyük küçük harf duyarlı değildir. Başka bir deyişle tümü
büyük harflerle açılmış olan bir etiket tümü küçük harflerle yazılan aynı etiket
ile kapatılabilir.<body>….</BODY> veya <Html>….</html>
4.Açılan bir etiket kapatılmalıdır. İlk açılan etiket en son kapatılır ve etiketi
kapatma sırasında “/†işareti unutulmamalıdır.
Örnek:
-
-Kod:-
<html>
<head>
<title>....</title>
</head>
<body>
  .
  .
İçerik
  .
  .
</body>
</html>-
--Â HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır.
-Â Kaydetme işlemi sırasında Dosya-Kaydet seçeneğine tıklanır.
https://hizliresim.com/8NzGG7
-Â Dosya-Kaydet komutuna tıklandıktan sonra karşınıza gelen Farklı Kaydet penceresinden sırasıyla Dosya Adı ve Dosya türü belirlenir.-
https://hizliresim.com/9Da88Nhttps://i.hizliresim.com/9Da88N.jpg--
Resim yeniden boyutlandırıldı, orjinalini görmek için tıklayın.---
-
--
--<HTML>---
-<html> etiketi, html kodlarının yazımına başladığımızı gösteren etikettir. Tüm html kodları <html>…</html> arasında yer alır. </html> ile html kodlarının yazımının bittiği anlaşılır. Bu etiketin hiçbir parametresi yoktur.
-
--<HEAD>---
-Hazırlayacağımız sayfa ile ilgili bilgilerin bulunduğu sayfa başlığı (title), link özellikleri, siteyi tarayıcıya ve arama motorlarına tanıtmak amacıyla kullanılan **** etiketleri bölümdür--.--
--<BODY>---
-Html belgesinin tüm içeriğinin yer aldığı bölümdür. Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir. Body etiketi ile birlikte kullanılabilecek parametreler ve görevleri aşağıda gösterilmiştir.-
-Bgcolor: --Hazırlamış olduğunuz web sayfasının arka plân rengini belirlemek için kullanılır.-
-Kullanımı;Â -
-Kod:-
<Body bgcolor="Blue">...</body>--
-Background:-- ---Hazırlamış olduğunuz web sayfasının zemininin bir resimden oluşmasını isteyebilirsiniz. Bu parametre arka plânda kullanılmak istenilen resmi belirlemek için kullanılır.-
-Kullanımı;-
-Kod:-
<Body Background="resim.jpg">...</body>--
-Link:--Â ---Web sayfanızda kullanacağınız linklerin rengini belirlemek için kullanılır.-
-Alink:--Â ---Web sayfanızdaki herhangi bir Linke tıklandığı zaman oluşacak rengin ne olacağını belirlemek için kullanılır.-
-Vlink:--Â Web sayfanızdaki önceden ziyaret edilmiş linklerin renginin hangi renk olacağını belirlemek için kullanılır.-
--<TITLE>---
-Sayfanın tarayıcıdaki başlığının ne olacağını belirlemek için kullanılır. Title etiketleri <Head>….</Head> etiketleri arasında yer alır.-
-Kullanımı;-
-Kod:-
<title> görüntülenmesini istediğiniz başlık</title>--
-"LİSTELEME ETİKETLERİ"--
--<OL>---
-Sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir. Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından başlayarak sıralı listenizi oluşturabilirsiniz.-
-<ol>-- ---etiketi--, ---<li>-- ---etiketi ile birlikte kullanılmalıdır.
-
-Örnek 1:-
-Burada <ol> etiketini kullanarak listeleme işlemine başlıyoruz. <li> etiketini kullanarak da listeleyeceğimiz elemanların isimlerini yazıyoruz.-
https://hizliresim.com/lbqkGb-
---Â --https://hizliresim.com/7yaonW-
--
-Type--Â ---parametresi kullanarak listenin rakamla mı harfle mi başlayacağını belirleyebiliriz.-
-“A†harfi yerine küçük “a†harfi yazılırsa sıralama a, b, c, …. şeklinde küçük harflerle olacaktır.-
https://hizliresim.com/3p69nA-
---Â --https://hizliresim.com/jQg4Gr-
--
-“I†harfi yerine küçükâ€i†harfi yazılırsa, sıralama i, ii, iii,…. şeklinde küçük roma rakamları ile yapılacaktır.-
https://hizliresim.com/kX9jPD-
---Â --https://hizliresim.com/o6XAMb-
--
-Sıralamanın her zaman “1†den veya “A†dan başlamasını istemeyebiliriz. Bu tür durumlarda--Start-- ---parametresi kullanılır. Start parametresinin her zaman sayı olması gerekmektedir. Örneğin sıralamayı “C†harfinden başlatmak istiyorsak start değerine “C†yazmak yerine “3†yazmak zorundayız.-
https://hizliresim.com/2E62pA-
---Â --https://hizliresim.com/ZOXLlG-
--
--<UL>---
-<ul> etiketi madde işaretleri şeklinde listeleme yapmak için kullanılır.-
https://hizliresim.com/YOQBqZ-
---Â --https://hizliresim.com/vJ6Ebz-
--
-Type parametresi ile kullanacağınız madde işaretinin şeklini belirleyebilirsiniz. Type ile kullanılan parametreler disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)’dir.-
https://hizliresim.com/jQg58m-
---Â --https://hizliresim.com/1G6ygj-
--
dildir. Html komutları herhangi bir metin (text) düzenleme editöründe yazılabileceği gibi,
çeşitli web tasarımı editörlerini kullanarak da oluşturulabilir.
Html komutları etiketlerden (tag) oluşur. Html komutları yazılırken aşağıdaki
kurallara dikkat edilmesi gerekir;
1.Html komutları “<†ve “>†işaretleri arasına yazılır. Burada yer alan“< >â€
etiketleme yapmak için kullanılan işarettir. <etiketadi>……</etiketadi>,
<tag>…..</tag>
2.Html etiketleri yazılırken Türkçe karakterler kullanılmamalıdır.(ş, ç, ö, ü, ı, ğ)
3.Html komutları büyük küçük harf duyarlı değildir. Başka bir deyişle tümü
büyük harflerle açılmış olan bir etiket tümü küçük harflerle yazılan aynı etiket
ile kapatılabilir.<body>….</BODY> veya <Html>….</html>
4.Açılan bir etiket kapatılmalıdır. İlk açılan etiket en son kapatılır ve etiketi
kapatma sırasında “/†işareti unutulmamalıdır.
Örnek:
-
-Kod:-
<html>
<head>
<title>....</title>
</head>
<body>
  .
  .
İçerik
  .
  .
</body>
</html>-
--Â HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır.
-Â Kaydetme işlemi sırasında Dosya-Kaydet seçeneğine tıklanır.
https://hizliresim.com/8NzGG7
-Â Dosya-Kaydet komutuna tıklandıktan sonra karşınıza gelen Farklı Kaydet penceresinden sırasıyla Dosya Adı ve Dosya türü belirlenir.-
https://hizliresim.com/9Da88Nhttps://i.hizliresim.com/9Da88N.jpg--
Resim yeniden boyutlandırıldı, orjinalini görmek için tıklayın.---
-
----<HTML>---
-<html> etiketi, html kodlarının yazımına başladığımızı gösteren etikettir. Tüm html kodları <html>…</html> arasında yer alır. </html> ile html kodlarının yazımının bittiği anlaşılır. Bu etiketin hiçbir parametresi yoktur.
-
--<HEAD>---
-Hazırlayacağımız sayfa ile ilgili bilgilerin bulunduğu sayfa başlığı (title), link özellikleri, siteyi tarayıcıya ve arama motorlarına tanıtmak amacıyla kullanılan **** etiketleri bölümdür--.--
--<BODY>---
-Html belgesinin tüm içeriğinin yer aldığı bölümdür. Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir. Body etiketi ile birlikte kullanılabilecek parametreler ve görevleri aşağıda gösterilmiştir.-
-Bgcolor: --Hazırlamış olduğunuz web sayfasının arka plân rengini belirlemek için kullanılır.-
-Kullanımı;Â -
-Kod:-
<Body bgcolor="Blue">...</body>--
-Background:-- ---Hazırlamış olduğunuz web sayfasının zemininin bir resimden oluşmasını isteyebilirsiniz. Bu parametre arka plânda kullanılmak istenilen resmi belirlemek için kullanılır.-
-Kullanımı;-
-Kod:-
<Body Background="resim.jpg">...</body>--
-Link:--Â ---Web sayfanızda kullanacağınız linklerin rengini belirlemek için kullanılır.-
-Alink:--Â ---Web sayfanızdaki herhangi bir Linke tıklandığı zaman oluşacak rengin ne olacağını belirlemek için kullanılır.-
-Vlink:--Â Web sayfanızdaki önceden ziyaret edilmiş linklerin renginin hangi renk olacağını belirlemek için kullanılır.-
--<TITLE>---
-Sayfanın tarayıcıdaki başlığının ne olacağını belirlemek için kullanılır. Title etiketleri <Head>….</Head> etiketleri arasında yer alır.-
-Kullanımı;-
-Kod:-
<title> görüntülenmesini istediğiniz başlık</title>--
--(Title etiketinin kullanılması)---
-"LİSTELEME ETİKETLERİ"--
--<OL>---
-Sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir. Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından başlayarak sıralı listenizi oluşturabilirsiniz.-
-<ol>-- ---etiketi--, ---<li>-- ---etiketi ile birlikte kullanılmalıdır.
-
-Örnek 1:-
-Burada <ol> etiketini kullanarak listeleme işlemine başlıyoruz. <li> etiketini kullanarak da listeleyeceğimiz elemanların isimlerini yazıyoruz.-
https://hizliresim.com/lbqkGb-
---Â --https://hizliresim.com/7yaonW----Type--Â ---parametresi kullanarak listenin rakamla mı harfle mi başlayacağını belirleyebiliriz.-
-“A†harfi yerine küçük “a†harfi yazılırsa sıralama a, b, c, …. şeklinde küçük harflerle olacaktır.-
https://hizliresim.com/3p69nA-
--- --https://hizliresim.com/jQg4Gr----“I†harfi yerine küçükâ€i†harfi yazılırsa, sıralama i, ii, iii,…. şeklinde küçük roma rakamları ile yapılacaktır.-
https://hizliresim.com/kX9jPD-
--- --https://hizliresim.com/o6XAMb----Sıralamanın her zaman “1†den veya “A†dan başlamasını istemeyebiliriz. Bu tür durumlarda--Start-- ---parametresi kullanılır. Start parametresinin her zaman sayı olması gerekmektedir. Örneğin sıralamayı “C†harfinden başlatmak istiyorsak start değerine “C†yazmak yerine “3†yazmak zorundayız.-
https://hizliresim.com/2E62pA-
---Â --https://hizliresim.com/ZOXLlG-----<UL>---
-<ul> etiketi madde işaretleri şeklinde listeleme yapmak için kullanılır.-
https://hizliresim.com/YOQBqZ-
--- --https://hizliresim.com/vJ6Ebz----Type parametresi ile kullanacağınız madde işaretinin şeklini belirleyebilirsiniz. Type ile kullanılan parametreler disc (içi dolu daire), circle (içi boş daire) ve square (içi dolu kare)’dir.-
https://hizliresim.com/jQg58m-
---Â --https://hizliresim.com/1G6ygj---