WEB PROGRAMLAMAYA GİRİŞ HTML DERSLERİ #1


Bir websitesinin iskeleti ve olmazsa olmazı olan HTML etiket dilini sizlere anlatacağım.

Öncelikle ihtiyacımız olan kolaylık açısından önemli bir program Notepad ++ indirmenizi tavsiye ederiz.

Eğer Notepad ++ indirme şansınız yoksa Windows’un kendi Not Defterini kullanmanızda işe yarar olucaktır.

HTML DERS 1 

Notepad ++ ‘ ı açtığımızda sağ tarafta dosya kısmından yeni diyerek yeni bir çalışma sayfası açacağız.

Daha sonra Diller kısmından H > HTML’i seçmeniz konfor açısından önemlidir.

Başlangıç olan etiketimiz <html> etiketini açıyoruz ve altında </html> şeklinde kapatıyoruz.

Etiketlerde genelde / kullanılan işaret kapatmamıza yarar.

Daha sonra hemen <html> tagimizin arasına <head> </head> şeklinde başlık vermemize yarayan tagimizi açıyoruz.

Head tagimizi kapattıkdan sonra hemen ardından <body> </body> şeklinde etiketlerimizi açıyoruz.

Ve görünüm aşağı yukarı şu şekilde olması gerekecektir.

<html>

<head></head>

<body></body>

</html>

Şu anda iskeletimizi tamamladık diyebiliriz.

Daha sonra head taglerimizin arasına Türkçe  karakterler kullandığımızda sıkıntı olmaması açısından şu kod satırını giriyoruz. <meta charset = “UTF-8″/>

<html>

<head>

<meta charset = "UTF-8"/>

</head>

<body></body>

</html>

Görünümü bu şekilde olacaktır.

Daha sonra başlık vermek isterseniz yine head taglerimizin arasına <title> </title>

tagleri açıyoruz ve arasına istediğimiz başlığı düz bir şekilde yazıyoruz örneğin;

 

<html>

<head>

<meta charset = "UTF-8"/>

<title>Başlığımızı Buraya Yazıyoruz </title>

</head>

<body></body>

</html>

Head tagiyle işimiz neredeyse bitmiş diyebiliriz.

Body tagimizin arasına metini düz yazsak dahi kullanıcıya sıkıntısız olarak gözükecektir ancak.

<h1></h1> Büyük başlık açmanıza yarar ve boyutlar <h6> ya kadar küçültebilirsiniz.

Kullanım şekli ;

<body>

<h1> 1. Başlığım</h1>

<h2> 2. Başlığım</h2>

<h3> 3.Başlığım</h3>

<h4> 4.Başlığım</h4>

<h5>5. Başlığım</h5>

<h6> 6. Başlığım</h6>

</body>

Şeklinde kullanabiliriz.

Son kullanım örneğimiz ise normal boyutta paragraf yazmak için kullandığımız etiket ise;

yine body taglerinin içerisine

<p>Buraya Metinimizi Yazıyoruz</p>

şeklinde kullanılmaktadır.

Bu projeyi CTRL+S tuşları kombinasyonunu kullanarak html olarak kayıt ediyoruz.

Daha sonra yaptığımız tasarımı görmek için kaydettiğiniz dosyayı internet tarayıcınızla açmanız yeterli.

Bugünlük HTML dersi temellerimizi attık, daha fazla ders için abone olmayı unutmayın iyi çalışmalar dileriz-Kod Portalı Ekibi




[Toplam:0    Ortalama:0/5]

Sizin Tepkiniz Nedir?

süper süper
1
süper
bilgilendirici bilgilendirici
2
bilgilendirici
beğenmedim beğenmedim
0
beğenmedim
beğendim beğendim
0
beğendim
Düşündürücü Düşündürücü
0
Düşündürücü
Batu

Hayalperest bir kişiliğe sahibim, bu kişiliğimi yazdığım makalelerde kullanırken, aynı zamanda izlediğim dizi, filmlerde ve çokça okuduğum çizgi romanlarda buluyorum.

0 Yorum

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

Bir format seçin
Kişisel Test
Kişiliğe dair bir şey ortaya çıkarmayı amaçlayan sorular dizisi
Basit Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar vermek veya görüş belirlemek için oylama yapmak
Serbest Yazı
Yazılarınıza Görseller Bağlantılar Ekleyebilirsiniz
Liste
Klasik İnternet Listeleri
Geri Sayım Listesi
Klasik İnternet Geri Sayım Listeleri
Açık Liste
Kendi öğenizi gönderin ve en iyi sunum için oy verin
Oylanabilir Liste
En iyi liste öğesine karar vermek için yukarı veya aşağı basın
Fotoyla Anlatım
Kendi resimlerinizi yükleyin ve birşeyler anlatın
Video
Youtube, Vimeo veya Vine Kodları
Ses
Soundcloud veya Mixcloud İçerikleri
Görsel
Fotoğraf veya GIF
GIF
GIF Formatı