HTML Başlangıç
Html nedir: Html web programlama dilidir.
İlk html kodlama yaparken satandart tag’larımızı şu şekilde yazıyoruz.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>merhaba HTML</title>
</head>
<body>
</body>
</html>
<html>…</html> Sayfanın html kodlama şeklinde olduğunu belirten tagdır.
<head>…</head> Etiketi sabit her sayfada bir tane bulunur. sayfa ile ilgili açıklama ve bilgileri içerir ve sayfaya import edilecek .css java ve diğer programlama dillerinde yazılmış entegre olacak dosya linklerinin bulunduğu alanı kapsar.
<title>…</title> sayfamızın açıklamasını içersen ve web browserlerde sayfa isminin görünmesini sağlayan etikettir.
Sayfamızın ana şeklini belirleyecek kodlar <body>…. </body> tagları arasına yazıyoruz. Kodlamanın büyük çoğunluğu bu etiketler arasına yazılır.
Şimdi basit bir sayfa oluşturalım daha iyi anlaşılır olsun. Kodumuzu yazıyoruz görüntüsünü de aşağıda vereceğim.
Html Kod
<html>
<head>
<title>Web Sitesi Başlığı</title>
<meta name="keywords" content="web tasarım, wep tasarım, web sitesi, web sitesi yapımı, web tasarım istanbul, istanbul web tasarım, ücretsiz web tasarım">
<meta name="description" content="Bu site istanbul web tasarım ile alakalı bir sitedir.">
<meta name="author" content="Favorim">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#F9B7FF" text="#7E2217">
<h1>Web Tasarımı</h1>
<p>Lorem ipsum dolor sit amet </br>
consectetur adipiscing elit. Nulla elit libero, laoreet a ipsum in, hendrerit vulputate mauris. Nullam porta tristique sem. Integer mollis metus tellus, sed ultricies ipsum viverra at. Donec rhoncus in sapien id egestas. Proin nec arcu quam. Mauris id purus urna. Nulla nisi lectus, maximus et porta quis, consequat vel urna. Donec quis malesuada ligula. Maecenas nec fringilla neque, mollis dapibus dui. Aenean sed sem posuere, sodales purus eget, tristique odio. Sed dapibus nibh et felis tempus suscipit. Morbi semper maximus mi, nec scelerisque dolor vulputate a.
</p>
<p>Phasellus ex mi, <em>pharetra</em> molestie sagittis ac, fringilla quis dolor. Donec vel dui molestie, sagittis justo sed, luctus neque. Nullam erat arcu, fermentum ac eros vel, tristique congue dolor. Phasellus et neque sit amet quam maximus tempor. Suspendisse feugiat tortor in dignissim dictum. Aenean tincidunt diam vitae magna accumsan convallis. Aenean vitae augue imperdiet enim blandit tristique at in augue. Duis ut elit diam. Nam sit amet faucibus dui. Fusce finibus tristique felis, ac pellentesque magna. Morbi turpis dui, efficitur nec fermentum sit amet, molestie ut leo. Etiam sit amet libero consequat, posuere velit a, volutpat orci. Fusce quis elit fringilla, dapibus tellus vitae, mollis turpis. Nullam risus quam, aliquam et lobortis vitae, volutpat ac diam. Duis vitae ultricies quam. Sed ac posuere ante, id fringilla tellus.
</p>
<h2>Programlama Dilleri</h2>
<ul>
<li>C#</li>
<li>Java</li>
<li>Python</li>
<li>Ruby</li>
<li>PHP</li>
</ul>
<h3>Programlama Dilleri</h3>
<ol>
<li>C#</li>
<li>Java</li>
<li>Python</li>
<li>Ruby</li>
<li>PHP</li>
</ol>
<h4>Türkiye'nin Şehirleri</h4>
<ul>
<li>İstanbul'un ilçeleri</li>
<ul>
<li>Bayrampaşa</li>
<ul>
<li>Bayrampaşa'nın Mahalleleri</li>
<ul>
<li>Terazidere</li>
</ul>
</ul>
<li>Esenler</li>
<li>Fatih</li>
<li>Eyüp</li>
</ul>
<li>Ankara'nın ilçeleri</li>
<ul>
<li>Çankaya</li>
<li>Mamak</li>
<li>Polatlı</li>
<li>Altın dağ</li> boşluk bırakma
</ul>
</ul>
<hr>
<p><strong>favo</strong>rim<b>net</b></p>
<u>Web Tasarımı</u> altı çizgili yazı
</br>
<i>2.Satır</i> italik yazı
<hr> çizgili satır atlama (br gibi)
<a target="_blank" href="https://www.youtube.com/channel/UCO7r8k43hwTUpU5htvE4TnA">Buraya Tıkla!!</a>
<hr>
<center><img width="100" height="100" src="https://yt3.ggpht.com/yti/ANoDKi5pGBbwCEaun8wfbNAV8BpywJIb9qx4Xe__5xqAwQ=s88-c-k-c0x00ffffff-no-rj-mo"/></center>
<hr>
<font color="#7D2252" size="50" face="tahoma">Web Tasarımı</font>
<hr>
<pre>
ÜLKE ADI NÜFUSU(MİLYON KİŞİ)
TÜRKİYE 80
AVUSTURYA 8
ABD 230
<a href="#">Daha fazlası için tıkla</a>
</pre>
</body>
</html>
Yukarıda yazdığımız kodunun çıktısı.
Web Tasarımı
Lorem ipsum dolor sit amet consectetur adipiscing elit. Nulla elit libero, laoreet a ipsum in, hendrerit vulputate mauris. Nullam porta tristique sem. Integer mollis metus tellus, sed ultricies ipsum viverra at. Donec rhoncus in sapien id egestas. Proin nec arcu quam. Mauris id purus urna. Nulla nisi lectus, maximus et porta quis, consequat vel urna. Donec quis malesuada ligula. Maecenas nec fringilla neque, mollis dapibus dui. Aenean sed sem posuere, sodales purus eget, tristique odio. Sed dapibus nibh et felis tempus suscipit. Morbi semper maximus mi, nec scelerisque dolor vulputate a.
Phasellus ex mi, pharetra molestie sagittis ac, fringilla quis dolor. Donec vel dui molestie, sagittis justo sed, luctus neque. Nullam erat arcu, fermentum ac eros vel, tristique congue dolor. Phasellus et neque sit amet quam maximus tempor. Suspendisse feugiat tortor in dignissim dictum. Aenean tincidunt diam vitae magna accumsan convallis. Aenean vitae augue imperdiet enim blandit tristique at in augue. Duis ut elit diam. Nam sit amet faucibus dui. Fusce finibus tristique felis, ac pellentesque magna. Morbi turpis dui, efficitur nec fermentum sit amet, molestie ut leo. Etiam sit amet libero consequat, posuere velit a, volutpat orci. Fusce quis elit fringilla, dapibus tellus vitae, mollis turpis. Nullam risus quam, aliquam et lobortis vitae, volutpat ac diam. Duis vitae ultricies quam. Sed ac posuere ante, id fringilla tellus.
Programlama Dilleri
- C#
- Java
- Python
- Ruby
- PHP
Programlama Dilleri
- C#
- Java
- Python
- Ruby
- PHP
Türkiye’nin Şehirleri
- İstanbul’un ilçeleri
- Bayrampaşa
- Bayrampaşa’nın Mahalleleri
- Terazidere
- Esenler
- Fatih
- Eyüp
- Ankara’nın ilçeleri
- Çankaya
- Mamak
- Polatlı
- Altın dağ boşluk bırakma
Favorimnet
Web Tasarımı altı çizgili yazı 2.Satır italik yazıçizgili satır atlama (br gibi) Buraya Tıkla!!
Web Tasarımı
ÜLKE ADI NÜFUSU(MİLYON KİŞİ) TÜRKİYE 80 AVUSTURYA 8 ABD 230 Daha fazlası için tıkla