burnsben
Marangoz
- En iyi cevaplar
- 0
Selam millet.Ben burnsben.Bundan önce paylaştığım dersi yanlışlıkla paylaşmıştım.Şimdi asıl derse başlayalım.
HTML DOSYASI OLUŞTURMAK:
-İlk önce HTML dosyası nasıl oluşturulur?
1.Bu dosyayı oluşturmak için ilk önce bir metin belgesi lazım.Bu metin belgesini oluşturmak için "Sağ Tık>Yeni>Metin Belgesi"'ne tıklıyoruz.
2.Daha sonra metin belgemizi açıyoruz.Daha sonra şu işlemleri uyguluyoruz:
3."Farklı Kaydet" seçeneğine tıkladıktan sonra şu işlemleri uyguluyoruz:
Artık HTML dosyamız oluşturuldu.Bu dosyamızı bir metin editörü ile açıyoruz.Benim sizlere tavsiyem Notepad++ veya Sublime Text'dir.Sublime Text lisans gerektirdiği için Notepad++ kullanabilirsiniz.Buyrun internet sitesi:
HTML ETİKETLERİ:
Bütün etiketler "<...>" ile başlar, "</...>"ile biter.Öncelikle HTML'in birkaç temel etiketi vardır.Bu etiketler:
- <html> : Sayfamızın HTML sayfası olduğunu tarayıcıya bildirir.Sayfamız artık HTML olarak okunacaktır yani sayfamızda hiçbir şekilde bozulma olmaz.
- <head> : Bu bölüm sayfamızın bilgilerinin bulunduğu yerdir.Örneğin "<title>" etiketi burada bulunur.Bu etiket sayfamızın başlığını belirtir.
- <body> : Sayfamızın asıl öne çıkaracağı bölümdür.Çok geniş içeriklidir.Sayfadaki yazılar,resimler ve tüm içerikler burada bulunur.
Yukarıda belirttiğim kodları isterseniz bir örnekte görelim.
Biz burada ne yaptık..?
- Öncelikle tarayıcımızın sayfamızı HTML olarak tanımlayabilmesi için "<html>" etiketini kullandık.
- Sonra bir "<head>" etiketi oluşturduk bu etiketin içine bir etiket daha oluşturduk.Bu etiket "title".Bu kod, sayfamızın başlığını belirledi.
- Sonra bir "<body>" etiketi açtık.Burada yazılar,resimler ve diğer etiketleri kapsar.Bu etiketin içine bir "<a>" etiketi oluşturduk.Bu kod sayfaya yazı bastırmaya yarar.
BİRKAÇ ÖRNEK ETİKET:
- <a> - Sayfaya yazı bastırmak için kullanılır.
- <p> - Sayfaya paragraf bastırmak için kullanılır.
- <title> - Sayfa başlığını belirtmek için kullanılır.
- <img> - Sayfaya resim bastırmak için kullanılır.
Örnek kullanım:
Bu etikette 'src="resim/ornek.png" />' kodunu img etiketinin içine yazdık.Bunun nedeni ise img etiketinin sahip olduğu değerleri belirtmekti.Farkettiyseniz bu etiket </img> olarak bitmedi.
Bu dersimizin sonuna geldik arkadaşlar umarım bir şeyler öğrenmişsinizdir.Bundan önceki içerikte çok fazla eksik vardı.Onu yanlışlıkla paylaşmıştım.Umarım bu derste eksiklerim giderilmiştir.Eksik bölüm bulursanız konun altına yazarsanız sevinirim.Okudğunuz için sağolun.
HTML DOSYASI OLUŞTURMAK:
-İlk önce HTML dosyası nasıl oluşturulur?
1.Bu dosyayı oluşturmak için ilk önce bir metin belgesi lazım.Bu metin belgesini oluşturmak için "Sağ Tık>Yeni>Metin Belgesi"'ne tıklıyoruz.
2.Daha sonra metin belgemizi açıyoruz.Daha sonra şu işlemleri uyguluyoruz:
3."Farklı Kaydet" seçeneğine tıkladıktan sonra şu işlemleri uyguluyoruz:
Artık HTML dosyamız oluşturuldu.Bu dosyamızı bir metin editörü ile açıyoruz.Benim sizlere tavsiyem Notepad++ veya Sublime Text'dir.Sublime Text lisans gerektirdiği için Notepad++ kullanabilirsiniz.Buyrun internet sitesi:
Linki görebilmek için üye olmanız gerekiyor.
Giriş yap veya üye ol.
HTML ETİKETLERİ:
Bütün etiketler "<...>" ile başlar, "</...>"ile biter.Öncelikle HTML'in birkaç temel etiketi vardır.Bu etiketler:
- <html> : Sayfamızın HTML sayfası olduğunu tarayıcıya bildirir.Sayfamız artık HTML olarak okunacaktır yani sayfamızda hiçbir şekilde bozulma olmaz.
- <head> : Bu bölüm sayfamızın bilgilerinin bulunduğu yerdir.Örneğin "<title>" etiketi burada bulunur.Bu etiket sayfamızın başlığını belirtir.
- <body> : Sayfamızın asıl öne çıkaracağı bölümdür.Çok geniş içeriklidir.Sayfadaki yazılar,resimler ve tüm içerikler burada bulunur.
Yukarıda belirttiğim kodları isterseniz bir örnekte görelim.
HTML:
<html>
<head>
<title>Sayfa Başlığınız Burada</title>
</head>
<body>
<a>Bu yazı etiketi</a>
</body>
</html>- Öncelikle tarayıcımızın sayfamızı HTML olarak tanımlayabilmesi için "<html>" etiketini kullandık.
- Sonra bir "<head>" etiketi oluşturduk bu etiketin içine bir etiket daha oluşturduk.Bu etiket "title".Bu kod, sayfamızın başlığını belirledi.
- Sonra bir "<body>" etiketi açtık.Burada yazılar,resimler ve diğer etiketleri kapsar.Bu etiketin içine bir "<a>" etiketi oluşturduk.Bu kod sayfaya yazı bastırmaya yarar.
BİRKAÇ ÖRNEK ETİKET:
- <a> - Sayfaya yazı bastırmak için kullanılır.
- <p> - Sayfaya paragraf bastırmak için kullanılır.
- <title> - Sayfa başlığını belirtmek için kullanılır.
- <img> - Sayfaya resim bastırmak için kullanılır.
Örnek kullanım:
Kod:
<img src="resmin bulundugu dizin" />Bu dersimizin sonuna geldik arkadaşlar umarım bir şeyler öğrenmişsinizdir.Bundan önceki içerikte çok fazla eksik vardı.Onu yanlışlıkla paylaşmıştım.Umarım bu derste eksiklerim giderilmiştir.Eksik bölüm bulursanız konun altına yazarsanız sevinirim.Okudğunuz için sağolun.
Son düzenleme:
