HTML etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
HTML etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

En çok kullanılan web sitesi zemin/arkaplan rengleri (background-color) kodları!!!

Son zamanlarda en çok kullanılan web sayfası arkaplan renglerini (background-color) toparladık.Umarım işinize yarar.

Shiny Silver

[#EEEEEE]

Reddit White

[#FFFFFF]

Magnolia Mag.Nolia

[#F9F7ED]

Interactive Action Yellow

[#FFFF88]

Qoop Mint

[#CDEBSB]

Gmail Blue

[#C3D9FF]

Shadows Grey

[#36393D]

Mozilla Red

[#FF1A00]

Rollyo Red

[#ECC0000]

Rss Orange

[#FF7100]

Techcrunch Green

[#008C00]

Newsvine Green

[#006E2E]

Fluck Blue

[#4096EE]

Flickr Blue

[#FF0084]

Ruby on Rail Red

[#B02B2C]

Etsy Vermillion

[#D15600]

43 Things Gold

[#C79810]

writely Olive

[#73880A]

Bascamp Green

[#6BBA70]

Mozilla Blue

[#3F4C6B]

Digg Blue

[#356AA0]

Last.fm Crimson

[#D01F3C]

Blogger,Wordpress ve diğer blog yayın başlıklarınızı otomatik olarak kalıcı bağlantı (permalink) tipine dönüştürün

Eğer Blogger,Wordpress veya başka bir platformda blog yayını yapıyorsanız, kalıcı link (bağlantı) üretmede zorlanabilirsiniz.Bende kalıcı bağlantı yapmakta zorlanmaya başladım ve yayın başlığını Türkçe karakterlerden ayıklayan,tümünü küçük harf yapan ve kelime aralarına tire koyan bir script geliştirdim.İsterseniz sizde aşağıdaki kutucuğa başlık metninizi yazıp linki oluştur derseniz kalıcı bağlantınızı zahmetsiz bir şekilde elde edebilirsiniz.
Yayın Başlığı Linki Oluştur

Örnek:
Blogger,Wordpress ve diğer blog yayın başlıklarınızı otomatik olarak kalıcı bağlantı tipine dönüştürün

Online Link Üreteci:Kopyala/Yapıştır ile web sayfanıza veya bloğunuza html link verme artık çok kolay

Daha önceki yazımda html yazıya nasıl link verilebileceğini kodlama ile anlatmıştım.Ancak gelen geri dönüşlerden anladım ki kimi ziyaretçilerimiz bu kodlama işinden pek de hoşlanmıyor.Ben de bunun üzerine bu işi otomatik olarak yapan bir script yazdım.Yapmanız gereken tek şey aşağıdaki formun link yazısı (gözüken kısım) ve site adresi (linke tıklanınca hangi siteye gideceği) kısımlarını doldurmak ve linki oluştur kısmına basmanızdır.Sonuç kodu aşağıda çıkacaktır.Bu kodu istediğiniz yere yapıştırabilirsiniz.Umarım yararlı olur....
Link Yazısı Link Yapılacak Site Adresi Linki Oluştur
Örnek :
Kopyala/Yapıştır ile web sayfanıza veya bloğunuza html link verme artık çok kolay

Html UL-Liste tipini değiştirme veya kaldırma işlemi

Daha önceki yazımda

html kodu

ile liste yapımını göstermiştim.Şimdi de bu listedeki elemanlardan önce gözüken ve Türkçe'ye

nokta

,

daire

ve

kare

şeklinde çevirebileceğimiz

liste biçimi

nin nasıl değiştirilebileceğini göstermeye çalışacağım.
Öncelikle liste tipini

UL etiketi

ni kapatmadan yazacağınız

type özelliği veya öz-niteliğini

kullanarak değiştirebilirsiniz.

TYPE

=

DISC

|

CIRCLE

|

SQUARE




Bu kod ile Sonuç böyle
<UL  TYPE=DISC>
<LI>kahve
<LI>çay
<LI>limonata
</UL>
  • kahve
  • çay
  • limonata
<UL  TYPE=CIRCLE>
<LI>kahve
<LI>çay
<LI>limonata
</UL>
  • kahve
  • çay
  • limonata
<UL  TYPE=SQUARE>
<LI>kahve
<LI>çay
<LI>limonata
</UL>
  • kahve
  • çay
  • limonata

Eğer ki

liste biçimini

beğenmedi isek ve

kaldırmak

istiyorsak o zaman

CSS kodu

kullanmamız gerekecek.Aşağıda buna bir örnek verdim.
<ul style="

list-style:none;"

>
<li>kahve</li>
<li>çay</li>
<li>limonata</li>
</ul>
Sonuç ise şu şekilde olur.
  • kahve
  • çay
  • limonata

Html ile liste yapımı UL-LI (Unordered List-List Item)

Eğer bir web sayfası yapıyorsanız mutlaka

listeleme seçenekleri

nden faydalanmalısınız. Kullanabileceğiniz ve çoğu

web master

inde kullandığı liste komutu UL dur yani

UNORDERED LIST (Düzensiz Liste)

.

UL etiketi

ile açılan liste yine aynı etiketle kapatılmalı. Her bir

liste elamanı

için

LI

yani

LIST ITEM (Liste Elemanı)

kullanılır.
Uygulama şu şekilde olamalı
<ul>
<li>Liste Elemanı1</li>
<li>Liste Elemanı2</li>
<li>Liste Elemanı3</li>
<li>Liste Elemanı4</li>
</ul>
Ve ekranda gözüken hali
  • Liste Elemanı1
  • Liste Elemanı2
  • Liste Elemanı3
  • Liste Elemanı4

şeklinde olur.Umarım html liste eklemek sizin için artık daha kolay olur.İyi çalışmalar... Eğer

liste elemanları

nın yanındaki daire işareti hoşunuza gitmedi ise

Html UL-Liste tipini değiştirme veya kaldırma işlemi

yazımı kuyabilirsiniz...

HTML yazıya renk verme?

Öncelikle şunu belirtelim ki HTML'de bir yazı dediğimiz şey ya bir paragraf (P) , header (H) , bir link (a) v.b. olabilir , bunların hepsiyle ve daha bir çok etiket ile yazı yazabiliriz.Madem yazımızın başlığı yazıya renk verme o halde biz bu etiketlerden P yani paragraf etiketi üzerinde çalışalım.Unutmayın tüm etiketlerde kural aynıdır...

Bildiğiniz gibi HTML 'de etiketler < ile başlayıp > ile biter ve bu başlangıç etiketinden sonra birde sonlandırma etiketi ( </P> gibi) konur. Biçimlendirmeyi bu etiketler arasında yapacağız. (tabii ki başlangıç etiketinde)

Renk verme işlemini açıklamadan önce bilinmesi gereken bir konu daha var;Renk kodları.Web aleminde renklerin çağrılmasında iki yöntem kullanılır.Bunlardan birincisi ismi ile çağırma.Örneğin Red (kımızı) , Blue (mavi) gibi.İkincisi ve en yaygın olarak kullanılan yöntem RGB kodu ile çağırmadır.Bu yöntemde her renk için altı adet karakter (Hexadecimal kodlama) kullanılır.Bu altı karakter renkteki karışımın oranlarını belirtir.İlk iki karakter kırmızı , ikinci iki karakter yeşil , üçüncü iki karakter ise mavi oranını belirtir.Örneğin:#0000FF; ile göterilen bir renk saf mavi renktir. Buradan renklerin isimlerini ve kodlarını bulabilirsiniz.

Bu kadar ön bilgiden sonra sıra şimdi yazıya nasıl renk vereceğiz sorusunu yanıtlamaya geldi.Yukarıda da söylediğim gibi biz burada P etiketini (tag) kullanacağız.

Burada bilmemiz gereken başka bir husus HTML'de biçimlendirmenin açılış etiketine yazılan style elementi ile yapıldığıdır.Öreneğin "XMLCİ bir kişisel bilgisayar bloğudur" ifadesini önce kırmızı sonra mavi renkte yazalım.

1-< P style='color:red;' > Xmlci Kişisel bir bilgisayar bloğudur.</ P>
< P style='color:#FF0000;' > Xmlci Kişisel bir bilgisayar bloğudur.</ P>

2-< P style='color:blue;' > Xmlci Kişisel bir bilgisayar bloğudur.</ P>
< P style='color:#0000FF;' > Xmlci Kişisel bir bilgisayar bloğudur.</ P>

Yukarıdaki örneklerde bir P etiketi içinde bulunan yazıya renk verdik.Önemli hususlar
1-color dan sonraki : işareti mutlaka konulmalı
2-Özelliğin bittiği yere mutlaka ; konulmalı ki diğer özellik okunabilsin
3-Eğer isim değilde renk kodu kullanıyorsak koddan önce mutlaka # işareti kullanılmalıdır.

Faydalı olması dileğiyle....

HTML Özel Karterlerinin Kodları

Hazırlamakta olduğunuz web sayfalarında HTML özel karakterlerinden yararlanmak istiyorsanız bunların ya sayısal kodunu yada karakter ismini bilmeniz gerekir. Aşağıdaki tabloda HTML özel kararterlerinden bazılarının hem sayısal kodu hemde Kararter İsmini çıkardım.
Örnek: © karakterini iki şekilde sayfanıza ekleyebilirsiniz.

1-Sayısal Kod: Bunun için &#sayısalkod ; şeklinde bir yazım kullanmalısınız.&#169;

2-Karakter İsmi: Bunun için &karakterismi; şeklinde bir yazım kullanmalısınız.&copy;

HTML ÖZel Karakter Kodları





















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































- Sayısal Kod Karakter İsmi
Á 193 Aacute
á 225 aacute
â 226 acirc
 194 Acirc
´ 180 acute
æ 230 aelig
Æ 198 AElig
À 192 Agrave
à 224 agrave
8501 alefsym
Α 913 Alpha
α 945 alpha
& 38 amp
8743 and
8736 ang
å 229 aring
Å 197 Aring
8776 asymp
à 195 Atilde
ã 227 atilde
Ä 196 Auml
ä 228 auml
8222 bdquo
Β 914 Beta
β 946 beta
¦ 166 brvbar
8226 bull
8745 cap
Ç 199 Ccedil
ç 231 ccedil
¸ 184 cedil
¢ 162 cent
χ 967 chi
Χ 935 Chi
ˆ 710 circ
9827 clubs
8773 cong
© 169 copy
8629 crarr
8746 cup
¤ 164 curren
8224 dagger
8225 Dagger
8659 dArr
8595 darr
° 176 deg
Δ 916 Delta
δ 948 delta
9830 diams
÷ 247 divide
é 233 eacute
É 201 Eacute
Ê 202 Ecirc
ê 234 ecirc
è 232 egrave
È 200 Egrave
8709 empty
8195 emsp
8194 ensp
ε 949 epsilon
Ε 917 Epsilon
8801 equiv
Η 919 Eta
η 951 eta
ð 240 eth
Ð 208 ETH
ë 235 euml
Ë 203 Euml
8364 euro
8707 exist
ƒ 402 fnof
8704 forall
½ 189 frac12
¼ 188 frac14
¾ 190 frac34
8260 frasl
Γ 915 Gamma
γ 947 gamma
8805 ge
> 62 gt
8660 hArr
8596 harr
9829 hearts
8230 hellip
í 237 iacute
Í 205 Iacute
î 238 icirc
Î 206 Icirc
¡ 161 iexcl
Ì 204 Igrave
ì 236 igrave
8465 image
8734 infin
8747 int
Ι 921 Iota
ι 953 iota
¿ 191 iquest
8712 isin
Ï 207 Iuml
ï 239 iuml
Κ 922 Kappa
κ 954 kappa
λ 955 lambda
Λ 923 Lambda
9001 lang
« 171 laquo
8592 larr
8656 lArr
8968 lceil
8220 ldquo
8804 le
8970 lfloor
8727 lowast
9674 loz
8206 lrm
8249 lsaquo
8216 lsquo
< 60 lt
¯ 175 macr
8212 mdash
µ 181 micro
· 183 middot
8722 minus
Μ 924 Mu
μ 956 mu
8711 nabla
160 nbsp
8211 ndash
8800 ne
8715 ni
¬ 172 not
8713 notin
8836 nsub
ñ 241 ntilde
Ñ 209 Ntilde
Ν 925 Nu
ν 957 nu
ó 243 oacute
Ó 211 Oacute
Ô 212 Ocirc
ô 244 ocirc
Œ 338 OElig
œ 339 oelig
ò 242 ograve
Ò 210 Ograve
8254 oline
ω 969 omega
Ω 937 Omega
Ο 927 Omicron
ο 959 omicron
8853 oplus
8744 or
ª 170 ordf
º 186 ordm
Ø 216 Oslash
ø 248 oslash
Õ 213 Otilde
õ 245 otilde
8855 otimes
Ö 214 Ouml
ö 246 ouml
182 para
8706 part
8240 permil
8869 perp
φ 966 phi
Φ 934 Phi
Π 928 Pi
π 960 pi
ϖ 982 piv
± 177 plusmn
£ 163 pound
8243 Prime
8242 prime
8719 prod
8733 prop
ψ 968 psi
Ψ 936 Psi
" 34 quot
8730 radic
9002 rang
» 187 raquo
8658 rArr
8594 rarr
8969 rceil
8221 rdquo
8476 real
® 174 reg
8971 rfloor
Ρ 929 Rho
ρ 961 rho
8207 rlm
8250 rsaquo
8217 rsquo
8218 sbquo
Š 352 Scaron
š 353 scaron
8901 sdot
§ 167 sect
­ 173 shy
Σ 931 Sigma
σ 963 sigma
ς 962 sigmaf
8764 sim
9824 spades
8834 sub
8838 sube
8721 sum
8835 sup
¹ 185 sup1
² 178 sup2
³ 179 sup3
8839 supe
ß 223 szlig
Τ 932 Tau
τ 964 tau
8756 there4
Θ 920 Theta
θ 952 theta
ϑ 977 thetasym
8201 thinsp
Þ 222 THORN
þ 254 thorn
˜ 732 tilde
× 215 times
8482 trade
ú 250 uacute
Ú 218 Uacute
8657 uArr
8593 uarr
û 251 ucirc
Û 219 Ucirc
Ù 217 Ugrave
ù 249 ugrave
¨ 168 uml
ϒ 978 upsih
υ 965 upsilon
Υ 933 Upsilon
ü 252 uuml
Ü 220 Uuml
8472 weierp
ξ 958 xi
Ξ 926 Xi
ý 253 yacute
Ý 221 Yacute
¥ 165 yen
ÿ 255 yuml
Ÿ 376 Yuml
Ζ 918 Zeta
ζ 950 zeta
8205 zwj
8204 zwnj

HTML&WEB Renkleri Tablosu ve Hex Kodları

HTML&WEB Renkleri-İsimleri-Hexadesimal Kod Tablosu

aliceblue
#F0F8FF
antiquewhite
#FAEBD7
aqua
#00FFFF
aquamarine
#7FFFD4
azure
#F0FFFF
beige
#F5F5DC
bisque
#FFE4C4
black
#000000
blanchedalmond
#FFEBCD
blue
#0000FF
blueviolet
#8A2BE2
brown
#A52A2A
burlywood
#DEB887
cadetblue
#5F9EA0
chartreuse
#7FFF00
chocolate
#D2691E
coral
#FF7F50
cornflowerblue
#6495ED
cornsilk
#FFF8DC
crimson
#DC143C
cyan
#00FFFF
darkblue
#00008B
darkcyan
#008B8B
darkgoldenrod
#B8860B
darkgray
#A9A9A9
darkgreen
#006400
darkkhaki
#BDB76B
darkmagenta
#8B008B
darkolivegreen
#556B2F
darkorange
#FF8C00
darkorchid
#9932CC
darkred
#8B0000
darksalmon
#E9967A
darkseagreen
#8FBC8B
darkslateblue
#483D8B
darkslategray
#2F4F4F
darkturquoise
#00CED1
darkviolet
#9400D3
deeppink
#FF1493
deepskyblue
#00BFFF
dimgray
#696969
dodgerblue
#1E90FF
firebrick
#B22222
floralwhite
#FFFAF0
forestgreen
#228B22
fuchsia
#FF00FF
gainsboro
#DCDCDC
ghostwhite
#F8F8FF
gold
#FFD700
goldenrod
#DAA520
gray
#808080
green
#008000
greenyellow
#ADFF2F
honeydew
#F0FFF0
hotpink
#FF69B4
indianred
#CD5C5C
indigo
#4B0082
ivory
#FFFFF0
khaki
#F0E68C
lavender
#E6E6FA
lavenderblush
#FFF0F5
lawngreen
#7CFC00
lemonchiffon
#FFFACD
lightblue
#ADD8E6
lightcoral
#F08080
lightcyan
#E0FFFF
lightgoldenrodyellow
#FAFAD2
lightgreen
#90EE90
lightgrey
#D3D3D3
lightpink
#FFB6C1
lightsalmon
#FFA07A
lightseagreen
#20B2AA
lightskyblue
#87CEFA
lightslategray
#778899
lightsteelblue
#B0C4DE
lightyellow
#FFFFE0
lime
#00FF00
limegreen
#32CD32
linen
#FAF0E6
magenta
#FF00FF
maroon
#800000
mediumaquamarine
#66CDAA
mediumblue
#0000CD
mediumorchid
#BA55D3
mediumpurple
#9370DB
mediumseagreen
#3CB371
mediumslateblue
#7B68EE
mediumspringgreen
#00FA9A
mediumturquoise
#48D1CC
mediumvioletred
#C71585
midnightblue
#191970
mintcream
#F5FFFA
mistyrose
#FFE4E1
moccasin
#FFE4B5
navajowhite
#FFDEAD
navy
#000080
oldlace
#FDF5E6
olive
#808000
olivedrab
#6B8E23
orange
#FFA500
orangered
#FF4500
orchid
#DA70D6
palegoldenrod
#EEE8AA
palegreen
#98FB98
paleturquoise
#AFEEEE
palevioletred
#DB7093
papayawhip
#FFEFD5
peachpuff
#FFDAB9
peru
#CD853F
pink
#FFC0CB
plum
#DDA0DD
powderblue
#B0E0E6
purple
#800080
red
#FF0000
rosybrown
#BC8F8F
royalblue
#4169E1
saddlebrown
#8B4513
salmon
#FA8072
sandybrown
#F4A460
seagreen
#2E8B57
seashell
#FFF5EE
sienna
#A0522D
silver
#C0C0C0
skyblue
#87CEEB
slateblue
#6A5ACD
slategray
#708090
snow
#FFFAFA
springgreen
#00FF7F
steelblue
#4682B4
tan
#D2B48C
teal
#008080
thistle
#D8BFD8
tomato
#FF6347
turquoise
#40E0D0
violet
#EE82EE
wheat
#F5DEB3
white
#FFFFFF
whitesmoke
#F5F5F5
yellow
#FFFF00
yellowgreen
#9ACD32



16 Ana Renk İsimleri

Black
000000
Green
008000
Silver
C0C0C0
Lime
00FF00
Gray
808080
Olive
808000
White
FFFFFF
Yellow
FFFF00
Maroon
800000
Navy
000080
Red
FF0000
Blue
0000FF
Purple
800080
Teal
008080
Fuchsia
FF00FF
Aqua
00FFFF

HTML yazıya link verme

(Yeni) Online Link Üretecini kullanabilirsiniz.
Herhangi bir yazıya link vermek için html dilinin < a > tag elementi kullanılır. Yanlız linki vereceğimiz adresi " href " öz-niteliği ile tanımlamamız gerekir. Örneğin "Web Dizayn" ifadesine "http://xmlci.blogspot.com" adsini link olarak tanımlayalım.

Öncelikle tagımızı açıyoruz "< a >" sonra "<a" dan sonra bir boşluk bırakarak href="" öz niteliğini yazıyoruz. Ve çift tırnak içerisine "http://xmlci.blogspot.com" şeklinde linkimizi yazıyoruz.Ve başlangıç tagımızı ">" ile kapatıyoruz. Şimdi buraya linki vereceğimiz ifadeyi yazıyoruz.Bizim örneğimizde linki "Web Dizayn" ifadesine ekleyeceğimiz için buraya "Web Dizayn" yazıyoruz.Şimdi geldik son adıma yani elementimizin bitiş noktasını belirtmeye.

Elementi bitirmek için "</a >" tagını kullanır.

Linkimiz şu hali aldı <a href="http://xmlci.blogspot.com">Web Dizayn </a>

ve çalışan şekli şu şekilde olur Web Dizayn

Buna ek olarak title özniteliğine değer atarsanız linkinizin üzerine mouse ile gelindiğinde bu ifade çıkar. Örneğin "< a href="http://xmlci.blogspot.com" title="Web Dizayn"> Web Dizayn </a>" şeklinde bir tanımlama yaparsanız mouse linkinizin üzerine gelince "Web Dizayn" ifadesi gözükür.Buna ait örnek te işte burda Web Dizayn

Umarım Faydalı olur..........

Popüler Yayınlar