HTML Ders (Basit Kodlar)

AvanT · 05-14-2016, 04:45 PM

(05-14-2016, 02:36 PM)AvanT2 Nickli Kullanıcıdan Alıntı: Merhaba arkadaslar ben html ye yeni basladım ama sanırım size html ile kod yazmayı ogretebilirim(web sayfaları).Simdi yazdiklarimi iyice okuyun ve eğer gerçekten anlamak istiyorsanız bir dosya açın ve önemli bilgileri teker teker not defterleri halinde kaydedein(daha sonra bu kod neydi diye dusunmeyin )

Bir web sayfası <html> tagi ile başlar, </html> tagi ile biter.Örnek:

Kod:
<html> <head> <title>Buraya sitenin adını yazarsınız(Örneğin ForumTr)</title> </head> <body>Burasını daha sonra anlatacağım. Sitenizde olması gereken herşey bu arada yer alacak(resimler bilgiler vs.)</body> </html>

<HEAD> </HEAD>
Sitemizin adının yer aldığı Title(başlık)'lın, Meta Tag denilen, arama motorlarında bulunmanızı kolaylaştıran şeylerin yazıldığı yerdir. Sitede birçok şeyi, yazıların biçimlerini, büyüklüklerini, renklerini belirleyip işimizi epey kolaylaştıran CSS ler de buraya konur. Javacript denen bazı şeyler de... Bunları söyledim ama kafanız karışmasın.

Kod:
<title> <title>[

Her sitenin bir adı olması gerekir.

Kod:
<title> ForumTr</title> sitenin adı:.... <BODY> ... </BODY>

Burası web sayfanızda olmasını istediğiniz yazı ve resimlerin bulunduğu bölüm.
Buradaki komutların neler olduğunu sırayla öğreneceksiniz.

Ama önce, sayfamızı şöyle bir görelim değil mi?

Bulut, ilk sayfada bu yazı olsun istiyor: "ForumTr, seni çok seviyoruz! "

Haydi bakalım deneyelim:

Önce not defterimizi açalım. Monitörün altında sol tarafta başlat menüsü var.
Aşağıdaki yazıyı açtığınız sayfaya yazın.

Kod:
<html> <head> <title> ForumTr</title> </head> <body> ForumTr seni çok seviyoruz </body> </html>
İndex adını verin ve önceden belirlediğiniz bir yere kaydedin. (Daha sonra bulmanız gerekecek)
Kaydettiğiniz sayfaya gidip tıklayınca hiç birşey olmadı değil mi? Hiç web sayfasına benzemiyor. (Hala Metin)
O zaman "farklı kaydet" seçeneğini kullanıp yeniden deneyelim:
Bu kez kaydederken index.html (ya da index.htm) yazarak kaydedin. Tekrar gidip bu yeni sayfaya tıklayarak açın. Evett ) Oldu işte ! Yazdığımız diğer yazılar artık görünmüyor.
Görünen sadece söylemek istediğiniz şey olacak...

Sayfamiza Yaziyi Ekliyebiliyoruz Fakat Renk VS Nasilmi Vereceğiz Buyurun

Kod:
Forumtr seni çok seviyoruz
size="4" 4 yerine istediğiniz rakamı girin o yazının büyüklüğü
face="Arial" Arial Yerine İstediğiniz Yazi Tipini Yazin : Verdana, Arial Narrow, Times New Roman, Comic Sans MS, Helvetica, sans-serif, gibi yazı tipi adlarını yazarsanız yazınız o biçimde görünecektir.
color="red" red yerine istediğiniz rengin ingilizcesini veya renk kodunu yazın...
örnek:
red - #ff0000
blue - #0000ff
yellow - #ffff00
white - #ffffff
black - #000000

Bazen yazımızın diğer yazılardan ayrılması için onu daha belirgin yapmamız gerekir. Bunun adı: "Bold" yapmak, yani yazıyı daha kalın ve siyah yazmak.

Kalın (Bold) yazı

Kod:
Yazınızı buraya yazacaksınız Eğik (İtalik) yazı Yazınızı buraya yazacaksınız Altı çizgili (underline) yazı Yazınızı buraya yazacaksınız
Peki... Hem kalın hem eğik yazmak istersek ne yapacağız?
O zaman her iki kodu da peşpeşe kullanacağız.
Yani ne kadar özellik vermek istiyorsak onların hepsini kod olarak peşpeşe yazabiliriz. Ama kodları kapatmayı hiçbir zaman unutmayın.

 Yazınızı buraya yazacaksınız

Link vermek:

Kod:
<a href=" h t t p : / / buraya vermek istediğiniz linki girin/"> Buraya linkin adını yazın (örnek: ForumTr)</a>

arkadaşlar bugün lük bu kadar yeter siz bunları deneyekalın malum saat

h t t p : / / w w w . a d a m i n s i t e s i . c o m / r e n k _ k o d l a r i . h t m

Alıntıdır.

***Ciri*** · 05-14-2016, 04:46 PM

Teşekkürler, yararlı bir kon

Nymphadora · 06-02-2016, 01:22 PM

Teşekkürler yararlı bir bilgi Smile