HTML - Vikipedi

HTML
HTML
HTML
HyperText Markup Language
İlk çıkışı1993 (31 yıl önce) (1993)
GeliştiriciW3C ve WHATWG
Kararlı sürümLiving Standard (2021)
EtkilendikleriSGML
EtkiledikleriXHTML
PlatformuWeb
İşletim sistemiTümü
LisansAçık kaynak
Olağan dosya uzantıları.html, .htm
Web sitesiw3.org/html/, whatwg.org
HTML
  • Dinamik HTML
  • HTML5
    • Article
    • Audio
    • Canvas
    • Video
  • XHTML
    • Basic
    • Mobile Profile
  • HTML öğesi
    • Meta
    • Div ve span etiketleri
    • Blink
    • Marquee
  • HTML özniteliği
    • alt etiketi
  • Frame etiketi
  • HTML düzenleyicisi
  • Karakter kodlamaları
    • isimlendirilmiş karakterler
    • Unicode
  • Dil kodu
  • DOM
  • BOM
  • Stil sayfaları
    • CSS
  • Font ailesi
  • Web renkleri
  • JavaScript
    • WebGL
    • WebCL
  • W3C
    • Doğrulayıcı
  • WHATWG
  • Quirks modu
  • Web depolama
  • İşleme motoru
Karşılaştırmalar
  • Belge işaretleme dilleri
  • Web tarayıcı motorları karşılaştırması
  • g
  • t
  • d

Hiper Metin İşaretleme Dili (HTML, İngilizce HyperText Markup Language kelimelerinin baş harflerinin kısaltılmasıdır) web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir. Dilin son sürümü HTML5'tir.

HTML, bir programlama dili olarak tanımlanamaz. Çünkü HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Fakat bu dili yorumlayabilen programlar aracılığıyla çalışabilen programlar yazılabilir. Programlama dili denilememesinin nedeni tam olarak budur. Temel gereği, yazı, görüntü, video gibi değişik verileri ve bunları içeren sayfaları birbirine basitçe bağlamak, buna ek olarak, söz konusu sayfaların web tarayıcısı yazılımları tarafından düzgün olarak görüntülenmesi için gerekli kuralları belirlemektir.

HTML kodunu web tarayıcıları okur, yorumlar ve görsel hale dönüştürürler, dolayısıyla aynı HTML kodunun farklı tarayıcılarda farklı sonuç vermesi olasıdır. CSS ve JavaScript ile beraber kullanıldığında HTML vasıtasıyla görsel ve dinamik web siteleri yaratılabilir.

HTML, küçüktür (<) ve büyüktür (>) işaretleri arasına girilen HTML etiketleri kullanılarak yazılır (ör: <html>). İşaretlenen metnin başını ve sonunu belirtmek için çoğunlukla çift olarak kullanılırlar (Örnek: <h1>Selam</h1>). Fakat işaretlemek yerine metnin bir yerine bir işaret konacaksa, tek olarak da kullanılabilirler (Ör: <img>).

Örnek bir HTML kodu

[değiştir | kaynağı değiştir]

HTML standartları W3C tarafından belirlenmektedir. HTML, "etiket" (İngilizce: tag) ismi verilen çeşitli öğeler kullanılarak oluşturulur. Aşağıdaki örnek bu etiketler kullanılarak yazılmıştır.

<html> <head> <title>Örnek Başlık</title> </head> <body> <p style="font-size:10px"><a href="http://tr.wikipedia.org">Özgür Ansiklopedi</a></p> </body> </html>

Bu kodun ekran çıktısı "Özgür Ansiklopedi"[1] yazısı şeklinde olur ve yazı Vikipedi genel sayfasına köprü görevi görür.

Tarihi

[değiştir | kaynağı değiştir]

1980 yılında CERN'de görevli olan Tim Berners-Lee, CERN araştırmacılarının bilgilerini ve dokümanlarını birbirleriyle paylaşabilmeleri için bir sistem olması gerektiğine inanıyordu. Bu yüzden prototip olarak ENQUIRE isimli sistemi önerdi. 1989 yılına gelindiğinde internet tabanlı sistemin ilk temellerini yine aynı isim Tim Berners Lee attı.[2] 1990 yılında HTML işaretleme dilini geliştirmesinden sonra World Wide Web (WWW) sistemini kurmuştur. Bu şekilde CERN'de bilgi paylaşımını kolaylaştırma amacı doğrultusunda ortaya çıkan HTML günümüzde hayatımızın vazgeçilmezi olan ağın başlıca temelini oluşturmuştur.

Eleman örnekleri

[değiştir | kaynağı değiştir]

HTML belgesinin başlığı

[değiştir | kaynağı değiştir]

<head>...</head>

Belge başlığı da bu bölüme dahil edilmiştir, örneğin:

<head> <title>Başlık</title> </head>

Başlıklar

[değiştir | kaynağı değiştir]

HTML başlıkları, ​<h1>​ - ​<h6>​ etiketleriyle yazılır. H1 en yüksek (veya en önemli) ve H6 en az olacak şekilde tanımlanır:

<h1>Başlık seviyesi 1</h1> <h2>Başlık seviyesi 2</h2> <h3>Başlık seviyesi 3</h3> <h4>Başlık seviyesi 4</h4> <h5>Başlık seviyesi 5</h5> <h6>Başlık seviyesi 6</h6>

Paragraflar

[değiştir | kaynağı değiştir] <p>Paragraf 1</p> <p>Paragraf 2</p>

Satır sonları: ​<br>​. ​<br>​ ve ​<p>​ arasındaki fark, ​<p>​ sayfayı paragraf olarak bölümlere ayırırken ​<br>​ öğesi bir boş elemandır, çünkü nitelikleri olmasına rağmen hiçbir içerik alamaz ve bir bitiş etiketi olmayabilir.

<p>Bu <br> satır sonları <br> olan <br> bir paragraf</p>

Bağlantılar

[değiştir | kaynağı değiştir]

Bu, HTML'deki bir bağlantıdır. Bir bağlantı oluşturmak için ​<a>​ etiketi kullanılır. href özelliği bağlantının URL adresini tutar.

<a href="https://www.wikipedia.org/">Vikipedi bağlantısı!</a>

Girişler

[değiştir | kaynağı değiştir]

Bir kullanıcının aşağıdakiler gibi girişler verebilmesinin birçok yolu vardır:

<!-- Bu metin girişi içindir --> <input type="text"> <!-- Bu dosyaları yüklemek içindir --> <input type="file"> <!-- Bu onay kutuları içindir --> <input type="checkbox">
Butonlar
[değiştir | kaynağı değiştir]

Bu, HTML'deki butondur. Bir buton oluşturmak için ​<button>​ etiketi kullanılır.

<button>Click Me!</button>

Yorumlar

[değiştir | kaynağı değiştir] <!-- Bu bir yorum --> Yorumlar, işaretlemenin anlaşılmasına yardımcı olabilir ve web sayfasında görüntülenmez.

HTML'de kullanılan çeşitli biçimlendirme öğeleri türleri vardır:

Yapısal işaretleme metnin amacını gösterir Örneğin, ​<h2>Golf</h2>​ ikinci düzey bir başlık olarak "Golf" kurar. Yapısal işaretleme belirli bir oluşturmayı göstermez, ancak çoğu web tarayıcısının öğe biçimlendirmesi için varsayılan stilleri vardır. İçerik CSS kullanılarak daha fazla şekillendirilebilir.[3] Sunum biçimlendirmesi, amacına bakılmaksızın metnin görünümünü gösterir Örneğin, ​'''kalın yazı'''​, görsel çıkış aygıtlarının kalın yazı ile "kalın yazı" oluşturması gerektiğini belirtir, ancak bunu yapamayan cihazların (metni yüksek sesle okuyan işitsel cihazlar gibi) ne yapması gerektiği konusunda çok az bilgi verir. Hem ​'''kalın'''​ hem de ​''eğik''​ durumunda, başka şeyler de vardır ​<strong>güçlü metin</strong>​ ve ​<em>vurgulanan metin</em>​ gibi, eşdeğer görsel renderlere sahip öğeler vurgulanan metin. Bir işitsel kullanıcı aracısının son iki unsuru nasıl yorumlaması gerektiğini görmek daha kolaydır. Bununla birlikte, sunumsal muadillerine eşdeğer değildir: örneğin bir ekran okuyucusunun bir kitabın adını vurgulaması istenmez, ancak ekranda böyle bir ad eğik olur. Sunum biçimlendirme öğelerinin çoğu stil için CSS kullanılması lehine HTML 4.0 spesifikasyonu altında kullanımdan kaldırılmıştır. Köprü metni işaretleme, bir belgenin bölümlerini diğer belgelere bağlantılar haline getirir Bağlantı öğesi belgede hiperlink oluşturur ve href özelliği bağlantının hedefini URL ayarlar. Örneğin, ​<a href="https://tr.wikipedia.org/">Vikipedi</a>​ HTML işaretlemesi, "Vikipedi 3 Temmuz 2008 tarihinde Wayback Machine sitesinde arşivlendi." köprüsü olarak uygulanır. Görüntüyü köprü olarak oluşturmak için ​<a>​ öğesine içerik olarak bir ​<img>​ öğesi eklenir. ​<br>​ gibi ​<img>​, nitelikleri olan, ancak içeriği veya kapanış etiketi olmayan boş bir öğedir. ​<a href="https://example.org"><img src="image.gif" alt="descriptive text" width="50" height="50" border="0"></a>​.

Kaynakça

[değiştir | kaynağı değiştir]
  1. ^ Özgür Ansiklopedi 3 Temmuz 2008 tarihinde Wayback Machine sitesinde arşivlendi.
  2. ^ Tim Berners-Lee, "Information Management: A Proposal." CERN (March 1989, May 1990). W3.org 1 Nisan 2010 tarihinde Wayback Machine sitesinde arşivlendi.
  3. ^ "CSS Introduction". W3schools. 14 Şubat 2020 tarihinde kaynağından arşivlendi. Erişim tarihi: 16 Mart 2015. 
  • g
  • t
  • d
Web Teknolojileri
ProgramlamaPHP · Python · Ruby · ASP · ASP.NET · JavaServer Pages
İşaretleme DilleriHTML · DHTML · XHTML · XML
Web 2.0Web 2.0 · Ajax · JQuery
Web 3.0Anlamsal ağ
Geliştirme AraçlarıAdobe Dreamweaver · Zend Studio
Grafik AraçlarıAdobe Photoshop · Adobe Fireworks · GIMP · Inkscape
Altyapı & ServislerBarındırma hizmeti · Apache · IIS · MariaDB · MySQL · Microsoft SQL Server · htaccess
TemplateSmarty
DiğerArama motoru optimizasyonu
İçerik Yönetim SistemleriWordPress · Joomla! · Drupal · CMS MS
E-Ticaret SistemleriMagento · OpenCart · OS Commerce · Shopify
FrameworkCakePHP · CodeIgniter · Laravel · PHP Faces · Django · Ruby on Rails
  • g
  • t
  • d
World Wide Web Consortium
Ürünler ve standartlar
TavsiyelerCanonical XML • CDF • CSS • DOM • Geolocation API • HTML • ITS • MathML • OWL • P3P • PLS • RDF • RDF Schema • SISR • SKOS • SMIL • SOAP • SRGS • SSML• SVG • SPARQL • Timed Text • VoiceXML • WSDL • XForms • XHTML • XHTML+RDFa • XInclude • XLink • XML • XML Base • XML Encryption • XML Events • XML Information Set • XML namespace • XML Schema • XML Signature • XPath 1.0, 2.0 • XPointer • XProc • XQuery • XSL • XSL-FO • XSLT (elements)
NotlarXAdES • XHTML+SMIL • XUP
TaslaklarCCXML • CURIE • HTML5 • InkML • RIF • SCXML • SMIL Timesheets • sXBL • WICD • XFDL • XFrames • XBL • XHTML+MathML+SVG • XMLHttpRequest
YönergelerWeb Content Accessibility Guidelines
İnsiyatifMultimodal Interaction Activity • Markup Validation Service • Web Accessibility Initiative
Kullanım dışıC-HTML • HDML • JSSS • PGML • VML
OrganizasyonlarWorld Wide Web Foundation • SVG Working Group • WebOnt • W3C Device Description Working Group • WHATWG
YazılımAgora • Argo • Arena • Amaya • CERN httpd • Libwww • Line Mode Browser
KonferanslarIW3C2 • World Wide Web Conference • WWW1
  • g
  • t
  • d
ISO standartları
ISO standartları / ISO romanizasyonları \ IEC standartları
1-9999
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 9
  • 16
  • 17
  • 31
    • -0
    • -1
    • -2
    • -3
    • -4
    • -5
    • -6
    • -7
    • -8
    • -9
    • -10
    • -11
    • -12
    • -13
  • 128
  • 216
  • 217
  • 226
  • 228
  • 233
  • 259
  • 269
  • 302
  • 306
  • 361
  • 428
  • 500
  • 518
  • 519
  • 639
    • -1
    • -2
    • -3
    • -5
    • -6
  • 646
  • 657
  • 668
  • 690
  • 704
  • 732
  • 764
  • 838
  • 843
  • 860
  • 898
  • 965
  • 999
  • 1000
  • 1004
  • 1007
  • 1073-1
  • 1155
  • 1413
  • 1538
  • 1745
  • 1745
  • 1989
  • 2014
  • 2015
  • 2022
  • 2033
  • 2047
  • 2108
  • 2145
  • 2146
  • 2240
  • 2281
  • 2533
  • 2709
  • 2711
  • 2720
  • 2788
  • 2848
  • 2852
  • 3029
  • 3103
  • 3166
    • -1
    • -2
    • -3
  • 3297
  • 3307
  • 3601
  • 3602
  • 3864
  • 3901
  • 3950
  • 3977
  • 4031
  • 4157
  • 4165
  • 4217
  • 4909
  • 5218
  • 5426
  • 5427
  • 5428
  • 5725
  • 5775
  • 5776
  • 5800
  • 5807
  • 5964
  • 6166
  • 6344
  • 6346
  • 6385
  • 6425
  • 6429
  • 6438
  • 6523
  • 6709
  • 6943
  • 7001
  • 7002
  • 7010
  • 7027
  • 7064
  • 7098
  • 7185
  • 7200
  • 7498
  • 7637
  • 7736
  • 7810
  • 7811
  • 7812
  • 7813
  • 7816
  • 8000
  • 8093
  • 8178
  • 8217
  • 8373
  • 8501-1
  • 8571
  • 8583
  • 8601
  • 8613
  • 8632
  • 8651
  • 8652
  • 8691
  • 8807
  • 8820-5
  • 8859
    • -1
    • -2
    • -3
    • -4
    • -5
    • -6
    • -7
    • -8
    • -8-I
    • -9
    • -10
    • -11
    • -12
    • -13
    • -14
    • -15
    • -16
  • 8879
  • 9000/9001
  • 9036
  • 9075
  • 9126
  • 9141
  • 9227
  • 9241
  • 9293
  • 9314
  • 9362
  • 9407
  • 9506
  • 9529
  • 9564
  • 9592-9593
  • 9594
  • 9660
  • 9797-1
  • 9897
  • 9899
  • 9945
  • 9984
  • 9985
  • 9995
10000-19999
  • 10006
  • 10007
  • 10116
  • 10118-3
  • 10160
  • 10161
  • 10165
  • 10179
  • 10206
  • 10218
  • 10303
    • -11
    • -21
    • -22
    • -28
    • -238
  • 10383
  • 10487
  • 10585
  • 10589
  • 10646
  • 10664
  • 10746
  • 10861
  • 10957
  • 10962
  • 10967
  • 11073
  • 11170
  • 11179
  • 11404
  • 11544
  • 11783
  • 11784 & 11785
  • 11801
  • 11889
  • 11898
  • 11940 (-2)
  • 11941 (TR)
  • 11992
  • 12006
  • 12182
  • 12207
  • 12234-2
  • 13211
    • -1
    • -2
  • 13216
  • 13250
  • 13399
  • 13406-2
  • 13450
  • 13485
  • 13490
  • 13567
  • 13568
  • 13584
  • 13616
  • 14000
  • 14031
  • 14224
  • 14289
  • 14396
  • 14443
  • 14496
    • -2
    • -3
    • -6
    • -10
    • -11
    • -12
    • -14
    • -17
    • -20
  • 14644
  • 14649
  • 14651
  • 14698
  • 14750
  • 14764
  • 14882
  • 14971
  • 15022
  • 15189
  • 15288
  • 15291
  • 15292
  • 15398
  • 15408
  • 15444
    • -3
  • 15445
  • 15438
  • 15504
  • 15511
  • 15686
  • 15693
  • 15706
    • -2
  • 15707
  • 15897
  • 15919
  • 15924
  • 15926
  • 15926 WIP
  • 15930
  • 16023
  • 16262
  • 16355-1
  • 16612-2
  • 16750
  • 16949 (TS)
  • 17024
  • 17025
  • 17203
  • 17369
  • 17442
  • 17799
  • 18000
  • 18004
  • 18014
  • 18245
  • 18629
  • 18916
  • 19005
  • 19011
  • 19092 (-1
  • -2)
  • 19114
  • 19115
  • 19125
  • 19136
  • 19439
  • 19500
  • 19501
  • 19502
  • 19503
  • 19505
  • 19506
  • 19507
  • 19508
  • 19509
  • 19510
  • 19600:2014
  • 19752
  • 19757
  • 19770
  • 19775-1
  • 19794-5
  • 19831
20000+
  • 20000
  • 20022
  • 20121
  • 20400
  • 21000
  • 21047
  • 21500
  • 21827:2002
  • 22000
  • 22300
  • 22395
  • 23270
  • 23271
  • 23360
  • 24517
  • 24613
  • 24617
  • 24707
  • 25178
  • 25964
  • 26000
  • 26262
  • 26300
  • 26324
  • 27000 serisi
  • 27000
  • 27001
  • 27002
  • 27005
  • 27006
  • 27729
  • 28000
  • 29110
  • 29148
  • 29199-2
  • 29500
  • 30170
  • 31000
  • 32000
  • 37001
  • 38500
  • 40500
  • 42010
  • 45001
  • 50001
  • 55000
  • 80000
    • -1
    • -2
    • -3
  • Kategori Kategori
Otorite kontrolü Bunu Vikiveri'de düzenleyin
  • BNE: XX539726
  • BNF: cb12493600c (data)
  • GND: 4373477-7
  • LCCN: sh95002791
  • NKC: ph117008
  • NLI: 987007541929605171

Từ khóa » Html Yazılım Dilimidir