Archives for the 'HTML' Category
HTML’E Giriş – Html Nedir?
HTML, HyperText Markup Language, tarayıcı (browser)’lardan görebileceğimiz (Internet Explorer, Netscape gibi) internet dokümanlarını yaratmaya yarayan bir işaretleme dilidir. İnternet üzerindeki tüm sayfaların kaynağı HTML’dir. Tarayıcı olmadan HTML kodları birşey ifade etmez.
HTML dokümanları herhangi bir yazı editörü ile düzenlenip *.htm, *.HTML, *.sHTML gibi uzantılarla kaydedilir. [...]
Form Elemanlarında Buton Yerine Resim Koy
<input alt=”BUL” border=”0″ cache name=”submit” src=”img/bul.gif” type=”image”>
select tag
Açılan listeler
İlk olarak ele almak istediğim konu açılan (dropdown) listeler ile ilgili. Biliyorsunuz ki açılan listeler yapmak üzere select ve option etiketleri birlikte kullanılır. Örnek olarak Türkiye’nin illerinden oluşan kısa bir liste hazırlayalım. Bu liste Marmara, Ege ve Akdeniz bölgelerinden 3 adet şehir içersin.
Böyle bir liste hazırlamak için genellikle alttaki gibi bir kodlama yapılıyor:
<select>
<option> Marmara [...]
Yandan Açılan Menü
<html>
<head>
<title>FORUM</title>
<style>
<!–
#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:2px solid navy;
background-color:lightblue;
layer-background-color:lightblue;
font:bold 12px Verdana;
line-height:20px;
}
–>
</style>
</head>
<body text=”#000000″ bgcolor=”#FFFFFF” link=”#FF0000″ alink=”#FF0000″ vlink=”#FF0000″>
<!– Type your text here //–>
<script language=”JavaScript1.2″>
if (document.all)
document.write(’<div id=”slidemenubar2″ style=”left:-150″ onMouseover=”pull()” onMouseout=”draw()”>’)
</script>
<layer id=”slidemenubar” onMouseover=”pull()” onMouseout=”draw()”>
<script language=”JavaScript1.2″>
var sitems=new Array()
var sitemlinks=new Array()
//extend or shorten this list
sitems[0]=”………link1″
sitems[1]=”………link2″
sitems[2]=”………link3″
sitems[3]=”………link4″
sitems[4]=”………link5″
sitems[5]=”………link6″
sitems[6]=”………link7″
sitems[7]=”………link8″
sitems[8]=”………link9″
sitems[9]=”………link10″
sitems[10]=”……..link11″
sitems[11]=”……..link12″
sitems[12]=”……..link13″
//These are the links pertaining to the above text.
sitemlinks[0]=”link1.html”
sitemlinks[1]=”link2.html”
sitemlinks[2]=”link3.html”
sitemlinks[3]=”link4.html”
sitemlinks[4]=”link5.html”
sitemlinks[5]=”link6.html”
sitemlinks[6]=”link7.html”
sitemlinks[7]=”link8.html”
sitemlinks[8]=”link9.html”
sitemlinks[9]=”link10.html”
sitemlinks[10]=”link11.html”
sitemlinks[11]=”link12.html”
sitemlinks[12]=”link13.html”
for (i=0;i<=sitems.length-1;i++)
document.write(’<a href=’+sitemlinks[i]+’>’+sitems[i]+’</a><br>’)
</script>
</layer>
<script language=”JavaScript1.2″>
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout(”window.onresize=regenerate”,400)
}
window.onload=regenerate2
if (document.all){
document.write(’</div>’)
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval(”pullengine()”,50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval(”drawengine()”,50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else [...]
Background Özellikleri
Background ile html sayfamızın arkafonlarının özelliklerini değiştirmemizi sağlar.
<html><body><head><title>Css</title> <style type=”text/css”><!–p {background-color :#00ff00;background-image : url (”resim_adi.gif”);background-position : center;background-repeat : repeat-y;}–></style> <body><p>Pc-Kopat</p></body></html>
background-color : Arka fonun rengini belirler. Css’te renkleri blue, red gibi tanımlayabileceğimiz gibi Html kodunu vererek de tanımlayabiliriz.
background-image : Arka fonu bir resim dosyası yapmak için kullanılır. url etiketinin içine resim dosyasının yolu ve ismi tam [...]