HTML Nasıl Yazılır?

HTML Nasıl Yazılır?







Bu yazıyı okuyan kardeşim öncelikle merhabalar umarım iyisindir. Bu gun sana HTML nasıl yazılır onu anlatmaya çalışacağım umarım beğenirsin.

Sevgili dostum öncelikle HTML yazmak için bir text editor dediğimiz bizim yazma hızımızı arttıran yazılıma ihtiyaçımız var. HTML'yi biz not defterine de yazabiliriz ancak artık o tarih öncesinde kaldı o yüzden bir adet text editör yükleyin.


Text Editor Önerileri:

Visual Studio Code
Atom
Notepad++
Sublime Text
Adobe Dreamweaver CC


Şimdi bunlardan bir adet indirdiğimizi var sayıyorum. Sonuçta hepsi aynı görevi görüyor.


Şimdi dostlarım HTML yazım şekili şu şekildedir:

<element name> Content </element name>



Saygı değer dostum öncellikle şundan bahsetmek isterim HTML yazar iken 2 tür tag vardır.

1. - Kendiliğimden açılıp kapanan 
2. - Açıldıktan sonra tekrar kapatılması gerekenler

Örneğin:
<meta> 
Bu Kendiliğinde kapanır.



<aside> Content </aside> 
Bu tag ise açıldıktan sonra kapatılması gerekir.



Şimdi dostum taglara başlamadan önce sana HTML iskeletinden bahsetmem gerekiyor HTML iskeleti şu şekildedir:

<DOCTYPE html>   Burada HTML5 yazacağmızı belitiriz.
<html>  html root elemandır tüm sayfadaki kodlar html elementinin içerisine yazmak zorundayız.
    <head>
                Head kısmı web sayfamızın beynidir kullanıcının görmediği içerikleri yazarız.
    </head>
    <body>
                Body kısımına biz kullanıcının göreceği içerikleri yazarız.
    </body>
</html>



Gelelim HTML de kullanılan taglara:

<!--...--> Açıklama yazmak için kullanılır
<!DOCTYPE> Dosya tipini belirtir
<a> Link belirtir
<abbr> Yazının bir kısaltma olduğunu belirtir
<acronym> Kelimenin başharfleri olduğunu belirtir
<address> iletişim adresleri için kullanılır
<applet> Gömülü aplet eklemekte kullanılır(html 4 ile bu özellik iptal edilmiştir)
<area /> Resmin parçalarına ait link vermeyi sağlar
<b> Koyu harfli yazı
<base /> Tüm linkler için kaynak kök adresi belirtir
<basefont /> Fon tipi belirtir (html 4 ile bu özellik iptal edilmiştir)
<bdo> Yazının yönünü belirler
<big> Büyük yazı tanımlar
<blockquote> Uzun alıntı metin olduğunu gösterir
<body> Dosyanın ana kısmını gösterir
<br /> Alt satıra geçiş işaretidir
<button> Gönderme butonu üretir
<caption> Tablo başlığı yazar
<center> Elemanı sayfada ortalar (html 4 ile bu özellik iptal edilmiştir)
<cite> Alıntı belirtir
<code> Bilgisayar kodları belirtir
<col /> Tablo sütunları için özellik verir
<colgroup> TAblodaki bir grup sütuna özellik verir
<dd> Tanım Listesi
<del> Silinmiş yazı
<dir> Klasör listesi belirtir (html 4 ile bu özellik iptal edilmiştir)
<div> Dökümanda bir bölümü temsil eder
<dfn> Tanım kelimesini gösterir
<dl> Tanım listesi elemanı
<dt> Tanım listesindeki elemanlardan biridir
<em> Vurgulanmış yazı
<fieldset> Form için çerçeve üretir
<font> Yazı özellikleri belirtir (html 4 ile bu özellik iptal edilmiştir)
<form> Bilgi yayıt formu
<frame /> Sayfa içinde gömülü pencere açar
<frameset> Sayfada bölme yapar
<h1> ile <h6> arası Başlık yazısı belirler
<head> Dökümanın temel başlık elemanlarını içerir
<hr /> Yatay çizgi
<html> sayfa türünü belirtir
<i> Eğik yazı
<iframe> Başka bir sayfayı dökümanda gösterir
<img /> Resim
<input /> Form için bilgi alanı
<ins> Eklenmiş yazı
<isindex> Dökümana ait arama kelimesi (html 4 ile bu özellik iptal edilmiştir)
<kbd> Klavye yazısı
<label> Form için metin etiketleri
<legend> Form çerçevesi için açıklama
<li> Liste elemanı
<link /> Dökümana dışardan bir kaynak bağlar
<map> resim için parçaları tanımlar
<menu> Menü listesi (html 4 ile bu özellik iptal edilmiştir)
<meta /> Dökümana ait önemli tanımlamaları içerir
<noframes> Frame özelliği kapalı ise gösterilecek yazı
<noscript> Javascript kapalı isse gösterilecek yazı
<object> Gömülü uygulamalar
<ol> Düzenli Liste
<optgroup> Seçim listesindeki alkalı bileşenler
<option> Seçim listesindeki elemanlar
<p> Paragraf başı
<param /> Gömülü uygulamalar için ayar kısmı
<pre> Düz yazı biçimi
<q> Kısa alıntı
<s> Üseri çizili yazı (html 4 ile bu özellik iptal edilmiştir)
<samp> Örnek bilgisayar kodu gösterir
<script> Kullanıcı taraflı uygulama
<select> Seçim listesi
<small> Küçük yazı
<span> Dökümanda bir bölümü gösterir
<strike> Üzeri çizili ayzı (html 4 ile bu özellik iptal edilmiştir)
<strong> Kalın yazı
<style> Elemanların görünümünü belirten şekiller
<sub> Alt yazı
<sup> Üst yazı
<table> Tablo
<tbody> Tablo grubu
<td> Tablonun bir gözü
<textarea> Form için uzun yazı alanı
<tfoot> Tablonun dip kısmı
<th> Tablodaki başlık alanı
<thead> Tablo başlık grubu
<title> Dökümanın ana başlığı
<tr> Tablonun bir satırı
<tt> özel metin
<ul> Düzensiz liste
<var> Yazı içinde değişken tanımı



Evet saygı değer dostum sana en kısa yoldan akılda kalıcı bir şekilde HTML Nasıl Yazılır konu başlığını aktarmaya çalıştım umarım yararlı olmuştur.




HTML Örnek Kod:

<!DOCTYPE html> <html>     <head>         <title>Mutarrif Defacer</title>     </head>     <body>         <h1>Bu bir başlıktır.</h1>         <p>Bu bir paragraftır.</p>     </body> </html>






2 Yorumlar

Daha yeni Daha eski