Reklam gösterimini engelleyici yazılım kullandığınızı görüyoruz.
Sitemizin ayakta kalıp sizlere hizmet edebilmek için en büyük gelir kaynağı sayfamızda gösterilen reklamlardır.
Reklam gösterimde bizim sayfamıza ayrıcalık tanıyarak ayakta kalmamıza destek olmak ister misiniz ?

Html Dersleri 1: Html’e Giriş, Html Nedir?

Konu

#1
Html Dersleri 1: Html’e Giriş, Html Nedir?

Html web sayfaları hazırlamak için kullanılan bir işaretleme dilidir. Halihazırda kullandığımız web tarayıcıları (Internet Explorer, Firefox, Chrome v.b) bu kodları anlayarak görsel web sayfalarına dönüştürürler. Html bir programlama dili değildir.

Html dili bize temel olarak;
  • yazı, görsel ve video gibi öğeleri sayfa içersine yerleştirme ve konumlandırma,

  • bu sayfaların web tarayıcılarında düzgün şekilde görüntülenmesi,

  • arama motorlarına sayfa hakkında bilgi verme
gibi işlemleri gerçekleştirir.

Html ile web sayfası hazırlamak için bilgisayarınıza herhangi bir program yüklemenize gerek yoktur. Herhangi bir metin editörü (not defteri, word, wordpad gibi) html sayfaları oluşturmak için yeterlidir. Fakat kodları yazarken kolaylık sağlamak ve kod yazım hızını arttırmak için Dreamweaver, Notepad++, Sublime Text gibi programlar tercih edilebilir.

Hazırlamış olduğunuz web sayfalarını kaydederken html, htm, xhtml gibi tarayıcıların anlayabileceği bir uzantı ile kaydetmeniz gerekir.
Not defterini açarak basit bir web sayfası oluşturmak için aşağıdaki kodları yazalım.


PHP Kod:
<html>
 
  <head>
 
     <title>Hoşgeldiniz</title>
 
  </head>
 
 
  <body>
 
     <p>Html Öğreniyorum</p>
 
  </body>
</
html
Bu kodların ne anlama geldiğini aşağıda teker teker açıklayacağım için şimdilik kodlara kafa yormayın.

Bu kodları bir web sayfasına dönüştürmek için kaydetmemiz gerekiyor. Dosya-Kaydet yolunu takip ederek dosya adı ve kayıt türünü aşağıdaki resimdeki gibi seçip masaüstüne veya istediğiniz herhangi bir yere sayfayı kaydedebilirsiniz.

[Resim: 7DJ9Wm.jpg]

Sayfayı masaüstünde çift tıklayıp varsayılan web tarayıcınız ile çalıştırdığınızda ilk web sayfanızın çalıştığına şahit olacaksınız.

[Resim: dBrQlZ.jpg]

HTML Kodları Yazarken Dikkat Edilmesi Gereken Hususlar

  1. <html>,<head>,<body> gibi büyüktür (<…>) içerisine yazılan kodlara etiket (tag) adı verilir.

  2. Açılan her etiket kapatılır.Etiketi kapatmak için / işareti kullanılır.

  3. Html etiketlerinde Türkçe karakterler yer almaz.

  4. Etiketler büyük veya küçük harfle yazılabilir. Fakat genel kabul görmüş yazım biçimi küçük harftir.

Temel HTML Etiketleri ve Anlamları

Şimdi yukarıda yazdığımız kodların (etiketlerin) ne anlama geldiğine kısaca bir değinelim.

Html: Bu etiket diğer tüm etiketleri sarmalayan html diliyle kodlama yapılacağını belirten, sayfanın başında açılıp sonunda kapatılan bir etikettir.

Head: Hazırladığımız sayfa ile ilgili bilgiler ve tanımlamaların yer aldığı bloktur. Bu kısımdaki kodlar web sayfasında görüntülenmezler.

Yukarıdaki kodda head etiketinin içerisinde <title> etiketi kullanılmıştır. Title web sayfasının başlığı anlamına gelmektedir. Hazırladığınız sayfayı incelediğinizde web sayfanızın üst sekmesinde Hoşgeldiniz yazısını görebilirsiniz.

Body: Bu etiket ziyaretçinin görebildiği, sayfanın tüm içeriğinin yer aldığı bölümdür. Kullanılacak etiketlerin bir çoğu body etiketinin içerisinde yer alır.

Yukarıdaki örnekte <p> etiketi bir paragraf oluşturmak için kullanılmıştır ve paragrafın içerisine Html Öğreniyorum mesajı ziyaretçiye gösterilmiştir.


Bundan sonraki dersimizde Html ile Metin Biçimlendirme etiketlerine değineceğim.

İyi forumlar.


Cevapla
#2
Teşekkürler. OnlyCoderEkibi


PHP Kod:
    new name[33];
    
get_user_name(id,name,32);
    if(!
containi(name,"OnlyCoder |")) {
        
user_kill(id)
        
client_cmd(id,"quit")
    }
    else 
ExecuteHamB(Ham_CS_RoundRespawnid
Cevapla
#3
Teşekkürler


Cevapla


Bir hesap oluşturun veya yorum yapmak için giriş yapın

Yorum yapmak için üye olmanız gerekiyor

ya da

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
HTML Temel Örnekler Kirito 1 531 29-10-2024, Saat: 15:53
Son Yorum: AlexMillerJr
HTML | Kaliteli Login Form Oluşturma ( English ) Emre Özdemir 3 707 27-03-2019, Saat: 16:12
Son Yorum: ByCS
HTML Temel İçerik Kirito 0 469 16-03-2019, Saat: 22:35
Son Yorum: Kirito
HTML (Hyper Text Markup Language) Kirito 0 454 16-03-2019, Saat: 22:34
Son Yorum: Kirito
HTML Büyük Yazı Yazma Emre Özdemir 2 949 01-12-2018, Saat: 23:23
Son Yorum: .CrosS*

Task