html giriş arşivleri - Mehmet Kirazlı https://www.mehmetkirazli.com/tag/html-giris/ Yazılımcı Notları Fri, 06 Apr 2018 12:00:50 +0000 tr hourly 1 https://wordpress.org/?v=6.1.10 https://www.mehmetkirazli.com/wp-content/uploads/2018/04/mehmetkirazlilogo.png html giriş arşivleri - Mehmet Kirazlı https://www.mehmetkirazli.com/tag/html-giris/ 32 32 Html için Temel Metin Düzenleme Etiketleri https://www.mehmetkirazli.com/html-icin-temel-metin-duzenleme-etiketleri/ https://www.mehmetkirazli.com/html-icin-temel-metin-duzenleme-etiketleri/#respond Sun, 04 Mar 2012 09:54:11 +0000 http://www.mehmetkirazli.com/?p=607 Metin etiketlerinden kasdettiğimiz, yazdığımız metnin herhangi bir bölümünün veya tamamının yazı rengi, yazı tipi, font büyüklüğü gibi özellikleridir. Örneğin aşağıdaki yazı gibi metinler oluşturabiliriz Mehmet Kirazli Bunun için çok fazlasıyla etiket var fakat biz bunların önemli olanlarından bahsedeceğiz.Aşağıda yazacağımız etiketlerin kapatılması gerekmektedir.Bunu nasıl yapacağımızı önceki yazılarımda bahsetmiştim.Yazımıza aşağıdaki özellikleri vermek için,stil vermek istediğimiz yazıyı bu …

The post Html için Temel Metin Düzenleme Etiketleri appeared first on Mehmet Kirazlı.

]]> Metin etiketlerinden kasdettiğimiz, yazdığımız metnin herhangi bir bölümünün veya tamamının yazı rengi, yazı tipi, font büyüklüğü gibi özellikleridir.

Örneğin aşağıdaki yazı gibi metinler oluşturabiliriz

Mehmet Kirazli

Bunun için çok fazlasıyla etiket var fakat biz bunların önemli olanlarından bahsedeceğiz.Aşağıda yazacağımız etiketlerin kapatılması gerekmektedir.Bunu nasıl yapacağımızı önceki yazılarımda bahsetmiştim.Yazımıza aşağıdaki özellikleri vermek için,stil vermek istediğimiz yazıyı bu etiketler arasına yazmamız gerekiyor

Temel Metin Etiketleri

<b>….</b>                        => Metni kalın yapar                 Örneğin : MEHMET

<strong>..</strong>            => Metni kalın yapar                  Örneğin : MEHMET 

<i>…..</i>                          => Metni italik (eğik) yapar     Örneğin : MEHMET 

<u>…</u>                          => Metnin altını çizer                 Örneğin : MEHMET 

<strike>…</strike>               => Metnin üstünü çizer             Örneğin : MEHMET 

<big>….</big>                    => Metni büyütür                        Örneğin: MEHMET 

<small>…</small>                 => Metni küçültür                       Örneğin : MEHMET 

<sub>….</sub>                   => Metne alt yazı ekler              Örneğin : X2

<sup>….</sup>                   => Metne üst yazı ekler             Örneğin : X2

Buraya kadarki kısımda yazının renk özelliklerinden bahsetmedik.Onu ise <font>..</font> etiketleri ile yapıyoruz

Bu etiketin en önemli 3 özelliği vardır.Bunlardan 1.si color( renk )  2.si  size( boyut )  3.sü face( yazı stili ) Peki kullanımı nasıl ?

<html>
  <head>
    <title>Metin Özellikleri</title>
  </head>
   <body>
     <font color="red">Burası KIRMIZI renk</font>
     <br/>
     <font color="pink" size="1px"> Burası Pembe VE 1 PİKSEL</font>
     <br/>
     <font color="orange" size="5px" face="Arial">Burası Turuncu,5 Piksel,Arial Fontlu</font>
  </body>
</html>

Bu kodları Notepad de yazıp uzantısını .htm veya .html olarak kaydedip tarayıcınızda açtığınızda çıktınız aşağıdaki gibi olacaktır

Htmlde çok sık kullanılan yapılardan biri de başlıklardır.Başlıkları kullanabilmemiz için gereken etiket <h?> etiketidir.Bu etiketin işlem bittikten sonra kapanması gerekir.Soru işareti (?) kısmına 1 den 6 ya kadar sayılar yazılabilir.1 yazarsak en büyük fontta,6 yazarsak en küçük fontta başlık yazar.Yani 1 den 6 ya doğru gittikçe başlık boyutu küçülür. Konunun daha iyi anlaşılması açısından buna bir örnek verelim

<html>
   <head>
     <title>Başlıklar</title>
   </head>
   <body>
      <h1> Başlık 1 </h1>
      <h2> Başlık 2 </h2>
      <h3> Başlık 3 </h3>
      <h4> Başlık 4 </h4>
      <h5> Başlık 5 </h5>
      <h6> Başlık 6 </h6>
   </body>
</html>

Çıktımız:

h etiketinin kullanımı

The post Html için Temel Metin Düzenleme Etiketleri appeared first on Mehmet Kirazlı.

]]> https://www.mehmetkirazli.com/html-icin-temel-metin-duzenleme-etiketleri/feed/ 0 HTML Dersleri – Html Kodlamaya Giriş https://www.mehmetkirazli.com/html-kodlamaya-giris-2/ https://www.mehmetkirazli.com/html-kodlamaya-giris-2/#respond Wed, 29 Feb 2012 22:26:04 +0000 http://www.mehmetkirazli.com/?p=626 Daha önce de bahsettiğimiz gibi html, tag adı verilen yapılardan oluşur. İlerde htmlde kullanılan tagları göreceğiz. Bu yazımda html dersleri serisine başlayacağım. HTML Dersleri – Html Kodlamaya Giriş Her etiket ,kullanılabilmesi için açıldıktan sonra mutlaka kapatılmalıdır.Bir etiketin kullanılış biçimi ,açarken <etiketin_adi>   kapatılırken </etiketin_adi> şeklindedir Html dosyamızın başlangıcı <html> etiketi ile başlamalı ve </html> etiketi ile bitmelidir …

The post HTML Dersleri – Html Kodlamaya Giriş appeared first on Mehmet Kirazlı.

]]> Daha önce de bahsettiğimiz gibi html, tag adı verilen yapılardan oluşur. İlerde htmlde kullanılan tagları göreceğiz. Bu yazımda html dersleri serisine başlayacağım.

HTML Dersleri – Html Kodlamaya Giriş

Her etiket ,kullanılabilmesi için açıldıktan sonra mutlaka kapatılmalıdır.Bir etiketin kullanılış biçimi ,açarken <etiketin_adi>   kapatılırken </etiketin_adi> şeklindedir

Html dosyamızın başlangıcı <html> etiketi ile başlamalı ve </html> etiketi ile bitmelidir

Örnek olarak Kısa bir html sayfasını inceleyelim;

Örnek

<html>
    <head>
       <title>Sayfamızda görüntülenecek başlık</title>
    </head>
    <body>
       Mehmet Kirazlı Web Sitesi
    </body>
 </html>
Burada karşımıza <html> ,<head> , <body> ve <title> etiketleri çıkmaktadır.Bunlardan ilk 3 ü bir sayfa için olmazsa olmazlardandır

<title> etiketleri içerisine sayfamızın başlığı yazılır.Bu başlık ,tarayıcımızda görüntülenecek başlıktır.Şunu da söylemek gerekir ki sayfamızın başlığını yazdığımız kısım mutlaka <head > etiketlerinin olduğu bölüme yazılır.

<body>  etiketleri içerisine sayfamızda nelerin görüntüleneceği (yazılar,videolar ) yazılır.Bir sayfa için ana (gövde) kısmını oluşturur

<head> etiketleri içerisine ise sayfamızda kullanacağımız tanımlamalar yazılır.Bunları ileride göreceğiz

Görüldüğü gibi sayfamız <html> etiketiyle açıldı ve </html> etiketi ile kapatıldı

The post HTML Dersleri – Html Kodlamaya Giriş appeared first on Mehmet Kirazlı.

]]> https://www.mehmetkirazli.com/html-kodlamaya-giris-2/feed/ 0 Html Nedir,Ne İşe Yarar? https://www.mehmetkirazli.com/html-nedirne-ise-yarar-2/ https://www.mehmetkirazli.com/html-nedirne-ise-yarar-2/#respond Tue, 28 Feb 2012 13:36:30 +0000 http://www.mehmetkirazli.com/?p=622 Html (HyperText Markup Language) , bir web sayfasında yer alan içeriklerin nasıl ve ne şekilde bulunacağını belirleyen metin tabanlı bir dildir. Html ,etiket (tag) adı verdiğimiz yapılardan oluşur. Bu yazımda html nedir konusundan bahsedeceğim. Html Nedir Ne işe Yarar  ? Bir html sayfasını tasarlamak için özel bir derleyiciye ihtiyaç yoktur.Notepad,bize bu konuda yardımcı olacaktır.Yazdığımız html kodlarını, …

The post Html Nedir,Ne İşe Yarar? appeared first on Mehmet Kirazlı.

]]> Html (HyperText Markup Language) , bir web sayfasında yer alan içeriklerin nasıl ve ne şekilde bulunacağını belirleyen metin tabanlı bir dildir. Html ,etiket (tag) adı verdiğimiz yapılardan oluşur. Bu yazımda html nedir konusundan bahsedeceğim.

Html Nedir Ne işe Yarar  ?

Bir html sayfasını tasarlamak için özel bir derleyiciye ihtiyaç yoktur.Notepad,bize bu konuda yardımcı olacaktır.Yazdığımız html kodlarını, uzantısı .htm veya .html olarak Notepad de kaydedersek ,doğrudan tarayıcımızda görüntüleyebiliriz.

Kod yazmadan tasarlamak istiyorsanız Dreamweaver programını kullanabilirsiniz.Bu program ile oluşturduğunuz web sayfanızın html kodlarını ,derleyici sizin için arka planda üretecektir.

Yazdığınız kodlarda hatalar olsa bile ,çalışan kodlar tarayıcınızda görüntülenecektir.Derleyici size hata mesajı vermediği için Sitenizde gözden kaçan hatalar olabilir.

Html,istemci tarafında çalışan bir dildir yani tarayıcıda yorumlanır ve çalıştırılır.Bu bir dezavantajdır çünkü yazılan kodlar saklanamaz.Sayfanın kaynak kodlarına kolayca erişilebilir

Diğer web programlama dillerini daha verimli kullanabilmek için html dilinin yapısını iyi bilmek gerekir

The post Html Nedir,Ne İşe Yarar? appeared first on Mehmet Kirazlı.

]]> https://www.mehmetkirazli.com/html-nedirne-ise-yarar-2/feed/ 0