html bgcolor arşivleri - Mehmet Kirazlı https://www.mehmetkirazli.com/tag/html-bgcolor/ Yazılımcı Notları Fri, 06 Apr 2018 12:02:06 +0000 tr hourly 1 https://wordpress.org/?v=6.1.10 https://www.mehmetkirazli.com/wp-content/uploads/2018/04/mehmetkirazlilogo.png html bgcolor arşivleri - Mehmet Kirazlı https://www.mehmetkirazli.com/tag/html-bgcolor/ 32 32 Html Sayfasına Arka Plan Ekleme https://www.mehmetkirazli.com/html-sayfasina-arka-plan-ekleme/ https://www.mehmetkirazli.com/html-sayfasina-arka-plan-ekleme/#comments Sun, 04 Mar 2012 11:54:52 +0000 http://www.mehmetkirazli.com/?p=273 Oluşturacağımız html sayfalarının arka planına  bir resim ekleyebilir veya arka plan rengini değiştirebiliriz. İlk olarak arka plan için renk belirleyelim.Bunun için sayfamızın başında yazdığımız <body> etiketinin bgcolor özelliğini kullanmalıyız. <body bgolor=”green”> yazarsak arka plan rengimiz yeşil olacaktır.Arka plan rengini doğrudan yazmak yerine, istediğimiz rengin kodunu da yazabiliriz.Yani <body bgcolor=”#FFCCFF”> olarak da yazabilir.Renklerimizin html kod karşılıklarını …

The post Html Sayfasına Arka Plan Ekleme appeared first on Mehmet Kirazlı.

]]> Oluşturacağımız html sayfalarının arka planına  bir resim ekleyebilir veya arka plan rengini değiştirebiliriz.

İlk olarak arka plan için renk belirleyelim.Bunun için sayfamızın başında yazdığımız <body> etiketinin bgcolor özelliğini kullanmalıyız. <body bgolor=”green”> yazarsak arka plan rengimiz yeşil olacaktır.Arka plan rengini doğrudan yazmak yerine, istediğimiz rengin kodunu da yazabiliriz.Yani <body bgcolor=”#FFCCFF”> olarak da yazabilir.Renklerimizin html kod karşılıklarını bulmak için google üzerinden  Html renk kodları olarak aratabilirsiniz.

Bunun için bir html sayfası örneği verelim;

<html>
    <head>
       <title>Sayfamızın arka plan rengi</title>
    </head>
    <body bgcolor="#FF00FF">
       Mehmet Kirazlı Web Sitesi
    </body>
 </html>
Bu kodları Notepad++ da yazıp uzantısını .html olarak kaydedersek oluşacak çıktımız ;

Sayfamızın arka planına sabit bir renk değil de bir resim eklemek istiyorsak kullanacağımız özellik background dır.Kullanımı ise ; <body background=”Resmimizin yolu”> Resim yolundan kastımız, ekleyeceğimiz resmin bilgisayarımızdaki yoludur.Mesela masaüstünde deneme.jpg adlı bir resmimiz varsa eklenecek kodumuz : <body background=”deneme.jpg”> olacaktır. Tabi eğer html dosyamız da masaüstünde ise. Masaüstünde değilse o anki konumunu, yukarıdaki adres çubuğuna tıklayarak öğrenebiliriz. Uzantımız gif veya png gibi farklı bir uzantı ise onu da belirtmeliyiz.Eğer bilgisayarımızdan değil de herhangi bir sitedeki resmi ekleyecek isek ,ekleyeceğimiz resmin sitedeki url sini yazmalıyız.Bunun için resme sağa tıklayıp resim url’sini kopyala veya resim konumunu kopyala kısmından url sini almalıyız.Aldıktan sonra deneme.jpg olan yere,url adresini yazıyoruz.Daha iyi anlamamız açısından buna bir örnek verelim; 

<html>
    <head>
       <title>Sayfamızda görüntülenecek başlık</title>
    </head>
    <body background="http://www.resimvadisi.com/data/media/1705/kizkulesi.jpg">
       Mehmet Kirazlı Web Sitesi
    </body>
 </html>

Bunu yaptığımızda arkaplan resmimiz,belirtilen url deki resim olacaktır

The post Html Sayfasına Arka Plan Ekleme appeared first on Mehmet Kirazlı.

]]> https://www.mehmetkirazli.com/html-sayfasina-arka-plan-ekleme/feed/ 13 Htmlde Temel Paragraf Etiketleri https://www.mehmetkirazli.com/htmlde-temel-paragraf-etiketleri/ https://www.mehmetkirazli.com/htmlde-temel-paragraf-etiketleri/#respond Sat, 03 Mar 2012 09:03:35 +0000 http://www.mehmetkirazli.com/?p=612 Html sayfalarında <body> etiketlerinin olduğu kısma herhangi bir yazı yazıp alt satıra geçtiğimizde, alt satıra yazılan yazılar tarayıcıda alt satırda gözükmeyecek,önceki yazdığımız yazının yanında görüntülenecektir. Bunu engellemek için kullanacağımız etiket <br/> dir Bunu bir örnek üzerinde anlatalım; [crayon-69bb6271ce108195675486/] Buradaki çıktımız aşağıdaki gibi olacaktır: Bunu engellemek için Web Sitesi yazısının başına <br/> etiketini getirdiğimizde alt alta …

The post Htmlde Temel Paragraf Etiketleri appeared first on Mehmet Kirazlı.

]]> Html sayfalarında <body> etiketlerinin olduğu kısma herhangi bir yazı yazıp alt satıra geçtiğimizde, alt satıra yazılan yazılar tarayıcıda alt satırda gözükmeyecek,önceki yazdığımız yazının yanında görüntülenecektir.

Bunu engellemek için kullanacağımız etiket <br/> dir

Bunu bir örnek üzerinde anlatalım;

<html>
   <head>
      <title>Alt satıra geçme</title>
   </head>
   <body>
      Mehmet Kirazlı
      Web Sitesi
   </body>
</html>

Buradaki çıktımız aşağıdaki gibi olacaktır:

br-siz

Bunu engellemek için Web Sitesi yazısının başına <br/> etiketini getirdiğimizde alt alta yazacaktır.Değiştireceğimiz kısım sadece aşağıdaki bölümdür.

<body> Mehmet Kirazlı
   <br/>
      Web Sitesi
</body>

 Yeni çıktımız :

Br

 

 

 

 

 

<br/> etiketinin yerine <hr/> etiketi kullanılabilir.Bunun tek farkı alt satıra geçerken ——  şeklinde çizgi koyulmasıdır.<hr/>etiketinin kendine has özellikleri vardır.Bunlardan bahsedersek;

width =>Çizginin genişliğini ayarlamak için kullanılır

align  =>Çizginin yataydaki konumunu belirlemek için kullanılır

color =>Çizginin rengi belirlenir

size    =>Çizginin kalınlığı ayarlanır

<br/> etiketinin yerine <hr/> etiketi koyduğumuzda çıktımız şu şekilde olacaktır;
hr etiketi

<hr/> etiketinin özelliklerini kullandığımız başka bir html sayfası yapalım ve çıktısını görelim

Çıktımızı görelim

hr etiketi

<html>
   <head>
     <title>Hr etiketini kullanma</title>
   </head>
   <body>
      Mehmet Kirazlı
      <hr color="green" size="10">
      Web Sitesi
   </body>
</html>

Burada söyleyebileceğimiz bir başka etiket ise <p> etiketidir.Bu etiket sayfamızda paragraflar oluşturmamıza yarar.Bu etiketin </p>ile kapatılması gerekir.İkinci bir paragraf oluşturmak istersek kendisi otomatik olarak alt satıra geçer.

<p> kısmına <p align=”right”>yazarsak paragrafımız sağa dayalı olarak yazılır ve sayfanın en sağında yer alır.Bunu bir örnekle açıklayacak olursak;

<html>
   <head>
     <title>Paragraf oluşturma</title>
   </head>
   <body>
     <p>
     Paragraf 1
      </p>
     <p align="right">
     Paragraf 2
      </p>
   </body>
</html>

Çıktımız aşağıdaki gibi olacaktır;

sola_dayali
saga_dayali

 

Son olarak body etiketinin iki özelliğinden bahsedeceğim

Sayfaya başlarken yazdığımız <body> etiketinin bgcolor ve text özellikleri vardır.Bunlar > işareti kapanmadan önce yazılırlar.<body> etiketi sayfanın tümünü kapsadığı için yazdığımız özellikler bütün sayfada geçerlidir.Örnek olarak bgcolor özelliği sayfanın arkaplan rengini belirler.Text özelliği ise sayfadaki bütün yazıların rengini belirler

Kullanılışları ise şu şekildedir;

<html>
   <head>
      <title>arkaplan ve text özelliği</title>
   </head>
   <body bgcolor="orange" text="blue">
      Mehmet Kirazlı
      Web Sitesi
   </body>
</html>

Daha iyi anlaşılması açısından çıktımız aşağıdaki gibi olacaktır;

arkaplan

The post Htmlde Temel Paragraf Etiketleri appeared first on Mehmet Kirazlı.

]]> https://www.mehmetkirazli.com/htmlde-temel-paragraf-etiketleri/feed/ 0