Html-Baslangiç

HTML Başlangıç

Blog Haberler Web Tasarım

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&nbsp;&nbsp;&nbsp;&nbsp;dağ</li> &nbsp; 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

  1. C#
  2. Java
  3. Python
  4. Ruby
  5. 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!!
ANoDKi5pGBbwCEaun8wfbNAV8BpywJIb9qx4Xe 5xqAwQ=s88 c k c0x00ffffff no rj mo

Web Tasarımı
ÜLKE ADI         NÜFUSU(MİLYON KİŞİ)
TÜRKİYE          80
AVUSTURYA        8
ABD              230
Daha fazlası için tıkla
72 / 100

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.