hr tagı kullanımı | Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı https://www.barisozcan.net Mon, 29 Nov 2010 19:16:24 +0000 tr hourly 1 https://wordpress.org/?v=6.9.4 Web Tasarım Dersleri Html Yatay Çizgiler https://www.barisozcan.net/web-tasarim-dersleri-html-yatay-cizgiler https://www.barisozcan.net/web-tasarim-dersleri-html-yatay-cizgiler#respond Mon, 29 Nov 2010 19:16:24 +0000 http://www.barisozcan.net/?p=552 Web Tasarım Dersleri Html Yatay Çizgiler

The post Web Tasarım Dersleri Html Yatay Çizgiler first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

]]>

Web Sayfalarınızda Kullanacağınız Yatay Çizgiler İçin HR Parametresinden Faydalanacağız Yatay Çizgilerin Boyutları ve Renklendirilmesinide Bu dersimizde Ele Alacağız Arkadaşlar.

Öncelikle Bir Önceki Dersimizi İncelemeyen Arkadaşlar Orayada Bakarsa Takılmazlar.

Bir Önceki Dersimiz: Web Tasarım Dersleri Sağa Sola Ortalama Komutları Ders3

<hr>

Parametresi Arkadaşlar Web sayfamızda yatay çizgi çizmemize yarar dedik ve bu parametrenin ek özellikler katmamızı sağlayacak etiketleri bulunmaktadır nedir bunlar.

  • Yatay Çigilere Boy Vermek
  • Yatay Çizgilere Renk Vermek

Şeklinde Özellikleri Kullanabiliriz değerli arkadaşlar.

Yatay Çizgilere Boy Vermek Width

Width Parametresi ile arkadaşlar hr etiketi ile kullandığımızda yatay çizgimizin boyutunu yani genişliğini belirlemeye yardımcı olur .

Width parametresinin değeri ölçüm olarak piksel yada % oranı ile belirtebiliriz .

Yatay Çizgi Etiketi Kullanımı

<hr width=”200″> yada <hr width=”40%”> şeklinde ister piksel istersek % oranı ile boyut verilebilir

Yatay Çizgilerde Size Parametresi

Size Parametresi hr etiketi ile kullandığımızda çizginin dikeyde boyutunu belirlememizi sağlar

Yatay Çizgilere Renk Vermek Color

Color parametresi hr etiketi ile kullandığımızda yatay çigimizin rengini belirlememizi sağlar arkadaşlar. Renk değeri vermek için gerek RGB renk kodları olabileceği gibi gerekse gerekse rengimizin ingilizce karşılığı olan renk adı ilede değer atayabiliriz.

Yatay Çizgi Renk Uygulaması

<hr color=”red”> yada <hr color=”FF0000″> şeklinde belirleyebiliriz örnekte red biliyorsunuz ingilizce kırmızı demek FF0000 ise renk kodlamasında kırmızı demektir. RGB renk kodlarını inceleyerek çok kullanılan renk kodlarını az çok ezberleyin.

Yatay Çizgileri Hizalamak

Align parametresi daha önceki derslerimizdede değinmiştik hatırlarsanız align hr etiketi ile kullanıldığında yatay çizgimizin hizalanmasını sağlar arkadaşlar değer olarak left, right, center yani sağa sola ve ortala şeklinde hizalama yapabiliriz arkadaşalar.

Yatay Çizgi Uygulaması

Boş bir not defteri açıyoruz arkadaşlar benim yaığım kodları aynen sizde kopyala yapıştır yapmadan yazın ve farklı kaydet diyerek dosya adına cizgiler.html adını vererek masaüstüne kaydedin

<html>
<head>
<title> Webmasteryolcu İle Web Tasarım Dersleri 4 </title>

</head>

<body>
Webmasteryolcu Sitesinden Öğrenecekleriniz
<hr size=”5″ align=”left” color=”red”>
Html Kodlamalar<br>
Ftp Kullanımı<br>

<p align=”right”>
Derslerin Devamında Öğrenecekleriniz
</p>

<hr width=”200″ size=”5″ align=”right” color=”green”>
<p align=”right”>
Php Mysql<br>
Cms Hazır Sistemler<br>
Wordpress<br>
Joomla<br>
</p>

<p align=”center”>
Derslerin Sonunda Kazancınız
</p>

<hr width=”50%” size=”5″ align=”center” color=”blue”>
<p align=”center”>
Web Tasarlayabilecek<br>
Php Siteler Yapabileceksiniz<br>
Kazanç sağlayacaksınız<br>
</p>

</body
</html>

Html Yatay ÇizgilerHtml Yatay Çizgiler

Şimdi ne yap ığımı özetliyim akadaşlar ilk uygulamada çizgi yüksekliği 5 olan sola yaslı kırmızı renkte çizgi çiz dedim ve yazılar

2. uygulama ise piksel cinsinden 200 boyutunu vererek sağa yaslı dikey boyutu 5 olan yeşil renkte çizgi çizdim ve yazılar ekledim.

3. uygulama ise boyutu piksel olarak değilde % oranıyla belirledim ve ortalı olmasını dikey boyutunun 5 renginin mavi olmasını istedim.

Bugünki dersimiz bu kadar arkadaşlar bir sonraki dersimizde Allah kısmet ederse renkler ve arkaplanlara geçeceğiz.

The post Web Tasarım Dersleri Html Yatay Çizgiler first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

]]> https://www.barisozcan.net/web-tasarim-dersleri-html-yatay-cizgiler/feed 0