Sayfalar

  • Hakkımızda
  • İletişim
  • Sorumluluk Reddi
  • Gizlilik Politikamız
  • Şartlar & Koşullar
  • Site Haritası

Script Nova

Main Menu

  • Ana Sayfa
  • Eğitim
    • Adobe Illustrator
    • Adobe Photoshop
    • Wallpaper
  • Blogger
    • Blogger Temaları
    • Blogger İpuçları
    • Blogger Tema Sıfırlamak
    • Tema Kurulum
  • Web Tasarım
    • HTML
    • CSS
    • JavaScript
    • XML
  • Mega menu Nature
  • Özgür Yazılım
  • Yapay Zeka

Temel HTML Dokümanı

Predekon Yorum Gönder Eylül 04, 2023

Merhaba arkadaşlar bu yazıda, web sayfalarının temel taşı olan HTML belgesinin nasıl oluşturulduğunu adım adım öğreneceğiz.

Temel HTML Dokümanı

<!DOCTYPE html>

 

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="keywords" content="HTML, CSS, JavaScript">

    <meta name="description" content="HTML Eğitim seti">

    <meta name="author" content="Script Nova">

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

    <script src="dosyaismi.js"></script>

    <style></style>

    <title>vermek istediğin başlık buraya yazılır.</title>

    <link rel="shortcut icon" href="icondosyadı.ico">

</head>

 

<body>

   

</body>

 

</html>

 

<!DOCTYPE html>: Tüm HTML belgeleri bu kod ile başlamak zorundadır. Bu kod aslında sayfanın HTML5 formatına göre kodlandığını gösterir. Sayfanın en başında yer alır.

<html></html>: Kök etiket olarak da bilinen bu temel kullanımda tüm HTML kodları, bu iki etiket arasında tanımlanmak zorundadır. Sayfanın başlangıcını ve sonunu belirtir.

<html lang="en">: Sayfanın dilini belirtir. Türkçe sayfalarda “tr” kullanılırken, İngilizce sayfalarda “en” kullanılır. <html> tagının bir özelliğidir.Yani, ayrı bir komut değildir.

<head></head>: Web sayfasının dili, başlığı ve diğer düzenlemelerinin yer aldığı etikettir. Bu etiketin içerisine meta datalar yazılır.Yani meta etiketler buraya yazılır. İçerik buraya yazılmaz.

<body></body>: Ziyaretçiye gösterilecek içeriği barındırır. Yapıyı <body> </body> etiketi içerisinde oluşturulur.

<meta charset="UTF-8">:  HTML kodunun Türkçe karakter desteğini sağlar. Aynı zamanda birçok dili de barındırır. <head></head> tagı(etiketi) içine yazılmalıdır.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Responsive için kullanılır. Mobil cihazlarda görünüm için kullanılır. <head></head> tagı(etiketi) içine yazılır.

<meta name="keywords" content="HTML, CSS, JavaScript">: Arama motorlarına anahtar kelimeleri verir. Bu meta etiketinde arama motorlarına "HTML, CSS, JavaScript" anahtar kelimeleri verir. <head></head> tagı(etiketi) içine yazılır.

<meta name="description" content="HTML Eğitim Seti">: Google’da bir şeyler aradığımızda web sayfasının altında yer alan tanımlamaları yapmasını sağlar. <head></head> tagı(etiketi) içine yazılır. Bu kod satırında tanımlama şudur: HTML Eğitim Seti

<meta name="author" content="Script Nova">: Bu meta etiketi sayfanın yazarının ismini verir. <head></head> tagı(etiketi) içine yazılır. Bu kod satırında yazarın ismi “Script Nova”dır.

<link rel="stylesheet" type="text/css" href="dosyadı.css">: css dosyasını html dosyasına bağlar. <head></head> tagı(etiketi) içine yazılır. Css tanımlamak için <head></head> etiketin içerisine <style></style> etiketi açarak css tanımlanabilir.

<script src="dosyaismi.js"></script>: JavaScript dosyasını html dosyasına bağlar. <head></head> tagı(etiketi) içine yazılır.

<title>vermek istediğin başlık buraya yazılır.</title>: Bu etiket sitenin başlığıdır. <head></head> tagı(etiketi) içine yazılır.

<link rel="shortcut icon" href="icondosyadı.ico">: Bu kod satırı web sayfasına favicon ekler. <head></head> tagı(etiketi) içine yazılır.

Etiketler: HTML

Yorum yok :

Hakkımda

Predekon
Profilimin tamamını görüntüle

Bu Blogda Ara

Popüler Yayınlar

  • image
    Python Programlama Dili Nedir?
    Python, yüksek seviyeli bir programlama dilidir. Bu, dilin daha insan okunabilir bir formatta olduğu anlamına gelir. Python dilinde, kod blo...
  • En İyi Ücretsiz PDF Programları
     En iyi ücretsiz PDF programları şunlardır: Adobe Acrobat Reader DC: Adobe Acrobat Reader DC, PDF'leri görüntülemek, yazdırmak ve ...
  • image
    Özgür Yazılım Nedir?
    Özgür yazılım (Free software), kullanıcıların bilgisayar programlarını çalıştırmak, kopyalamak, dağıtmak, değiştirmek ve geliştirmek için öz...
  • image
    HTML nedir?
    Merhaba ve HTML'e hoş geldiniz! Bu yazıda, web geliştirme dünyasının temel taşı olan HTML (Hypertext Markup Language) hakkında temel bil...
  • Ücretsiz Yapay Zeka Platformları
    Ücretsiz yapay zeka platformlarından bazıları: TensorFlow: Google tarafından geliştirilen açık kaynaklı bir yapay zeka kütüphanesidir....
  • image
    Popüler Özgür Yazılım Programları
    Popüler Özgür Yazılım Programları: 1.      Linux: Özgür bir işletim sistemi olan Linux, dünya çapında milyonlarca kullanıcısı olan en popüle...
  • image
    Temel HTML Dokümanı
    Merhaba arkadaşlar bu yazıda, web sayfalarının temel taşı olan HTML belgesinin nasıl oluşturulduğunu adım adım öğreneceğiz. Temel HTM...
  • En İyi Ücretsiz VPN Programları
    En iyi ücretsiz VPN programlarından bazıları şunlardır. ProtonVPN: ProtonVPN, kullanıcıların ücretsiz olarak kullanabileceği güvenli b...

Etiketler

  • HTML
  • İşletim Sistemi
  • Özgür Yazılım
  • Photoshop
  • Programlama Dilleri
  • Yapay Zeka

İletişim Formu

Ad

E-posta *

Mesaj *

Bu Blogda Ara

  • image
    Python Programlama Dili Nedir?
    Python, yüksek seviyeli bir programlama dilidir. Bu, dilin daha insan okunabilir bir formatta olduğu anlamına gelir. Python dilinde, kod blo...
  • En İyi Ücretsiz PDF Programları
     En iyi ücretsiz PDF programları şunlardır: Adobe Acrobat Reader DC: Adobe Acrobat Reader DC, PDF'leri görüntülemek, yazdırmak ve ...
  • image
    Özgür Yazılım Nedir?
    Özgür yazılım (Free software), kullanıcıların bilgisayar programlarını çalıştırmak, kopyalamak, dağıtmak, değiştirmek ve geliştirmek için öz...
  • image
    HTML nedir?
    Merhaba ve HTML'e hoş geldiniz! Bu yazıda, web geliştirme dünyasının temel taşı olan HTML (Hypertext Markup Language) hakkında temel bil...
  • Ücretsiz Yapay Zeka Platformları
    Ücretsiz yapay zeka platformlarından bazıları: TensorFlow: Google tarafından geliştirilen açık kaynaklı bir yapay zeka kütüphanesidir....
  • image
    Popüler Özgür Yazılım Programları
    Popüler Özgür Yazılım Programları: 1.      Linux: Özgür bir işletim sistemi olan Linux, dünya çapında milyonlarca kullanıcısı olan en popüle...
  • image
    Temel HTML Dokümanı
    Merhaba arkadaşlar bu yazıda, web sayfalarının temel taşı olan HTML belgesinin nasıl oluşturulduğunu adım adım öğreneceğiz. Temel HTM...
  • En İyi Ücretsiz VPN Programları
    En iyi ücretsiz VPN programlarından bazıları şunlardır. ProtonVPN: ProtonVPN, kullanıcıların ücretsiz olarak kullanabileceği güvenli b...

Etiketler

  • HTML
  • İşletim Sistemi
  • Özgür Yazılım
  • Photoshop
  • Programlama Dilleri
  • Yapay Zeka
  • ▼  2023 (10)
    • ▼  Eylül (2)
      • Temel HTML Dokümanı
      • HTML nedir?
    • ►  Nisan (8)
  • image
    Python Programlama Dili Nedir?
    Python, yüksek seviyeli bir programlama dilidir. Bu, dilin daha insan okunabilir bir formatta olduğu anlamına gelir. Python dilinde, kod blo...
  • En İyi Ücretsiz PDF Programları
     En iyi ücretsiz PDF programları şunlardır: Adobe Acrobat Reader DC: Adobe Acrobat Reader DC, PDF'leri görüntülemek, yazdırmak ve ...
  • image
    Özgür Yazılım Nedir?
    Özgür yazılım (Free software), kullanıcıların bilgisayar programlarını çalıştırmak, kopyalamak, dağıtmak, değiştirmek ve geliştirmek için öz...
  • image
    HTML nedir?
    Merhaba ve HTML'e hoş geldiniz! Bu yazıda, web geliştirme dünyasının temel taşı olan HTML (Hypertext Markup Language) hakkında temel bil...
  • Ücretsiz Yapay Zeka Platformları
    Ücretsiz yapay zeka platformlarından bazıları: TensorFlow: Google tarafından geliştirilen açık kaynaklı bir yapay zeka kütüphanesidir....
  • image
    Popüler Özgür Yazılım Programları
    Popüler Özgür Yazılım Programları: 1.      Linux: Özgür bir işletim sistemi olan Linux, dünya çapında milyonlarca kullanıcısı olan en popüle...
  • image
    Temel HTML Dokümanı
    Merhaba arkadaşlar bu yazıda, web sayfalarının temel taşı olan HTML belgesinin nasıl oluşturulduğunu adım adım öğreneceğiz. Temel HTM...
  • En İyi Ücretsiz VPN Programları
    En iyi ücretsiz VPN programlarından bazıları şunlardır. ProtonVPN: ProtonVPN, kullanıcıların ücretsiz olarak kullanabileceği güvenli b...
Blogger tarafından desteklenmektedir