Babayiğit
Altın Üye
- Katılım
- 15 Ocak 2021
- Mesajlar
- 344
- Tepkime puanı
- 443
- İlgi Alanlarınız
- Yazılım
- Cinsiyet
-
- Erkek
HTML5 temel seviye2
https://hacktivizm.org/threads/html-ile-temel-seviye-atalim.545/ evet bu konumuzda anlatıklarımdan sonra devamını geç attım baya kusura bakmayın :( bu konumuzda; -resim ekleme ve boyutlandırma -yazı renklendirme olacak hadi başlayalım hacktivizim Hacktivizim kursu1 bu kurs...
bir önceki konum buydu şimdi ise yavaş yavaş önemli şeylere göz atıp sitemize renk katalım;
şimdi bu yapılacaklar ve yaptıklarmız css ile daha kolay şekilde yapılabilir ama temelimizi böyle atmamız daha iyi olur...
şimdi diyelim ki bir adres değiştirdiniz satış sitenizde o zaman;
HTML:
<p>Güncel adresimiz<address>Ankara çankaya</address></p>
görünüm bu şekilde oldu adres ince bir şekilde basıldı
şimdi de bir kod yazıcaksınız ama ne olduğunu unutmamanız veya'da başka bir şey şimdi ise bunu kullanıcaz;
HTML:
<!--kaynak kodunda gözükür-->
<p>yazı nerede yaw :)</p>
yazı sitede değil çünkü bunu kaynak koduna bastı
şimdi ise diyelim bir kısaltmalar yada yabancı kelimeler kullandınız okur bunu bilmiyor ama habire googledan bakıp duruyor bu biraz okuru yorar ve burada devreye bu kod giriyor
HTML:
<abbr title="Dünya sağlık örgütü">WHO</abbr>bu kod faremizi kelimeye götürdüğümüzde kelimeyi gösterir
bu arada tosun arkadaşımıza teşekkür ederim bu kod da çok yardımı dokundu
şimdi ise gelelim link kavramlarına nedir bu link kavramı kelimeye link saklar nasılmı
HTML:
<a href="https://hacktivizm.org/">web site</a>web site yazısına tıklandığında bu forma yönlendirir
şimdi bu linki farklı sekmede açtırnak için de
HTML:
<a href="https://hacktivizm.org/"target="_blank">web site</a>şimdi ise tıklandığında yeni sekme açar
şimdi gelin varsayılan bir uygulamayı açtıralım örneğin mail
HTML:
<a href="mailto:[email protected]">bana ulaşmak için</a>burada yazıya tıklandığında maili açar tabi varsa(mail bana ait değil)
evet şimdi bunu normalde en başta söylemem gerekiyordu ama şu an ihtiyacım oldu ve konuda tam denk oldu
yazılarım bakın tek bir boşluk alta ama biz bunu biraz daha alta vereceğiz burada da bu kod devreye giriyor
HTML:
<br>
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hacktivizim</title>
</head>
<body>
<h1>Hacktivizim kursu1</h1>
<p>bu kurs temel seviyedir </p>
<h1>Bir sonraki kurs içeriği;</h1>
<pre>
resim ekleme
paragraf ve başlık renklendirme
resimi boyutlandırma olacaktır
</pre>
<img src="https://i.hizliresim.com/X17gb2.png" width="150px" height="150px">
<p style="color:red;">yazımız kırmızı oldu</p>
<p style="color:blue;">yazımız mavi oldu</p>
<p style="color:orange;">yazımız turuncu oldu</p>
<p style="color:black;">yazımız siyah oldu</p>
<p>Güncel adresimiz<address>Ankara çankaya</address></p>
<!--kaynak kodunda gözükür-->
<p>yazı nerede yaw :)</p>
<abbr title="Dünya sağlık örgütü">WHO</abbr>
<br> <br>
<a href="https://hacktivizm.org/">web site</a>
<br>
<a href="https://hacktivizm.org/"target="_blank">web site</a>
<br> <br>
<a href="mailto:[email protected]">bana ulaşmak için</a>
</body>
</html>iyi çalışmalar dilerim arkadaşlar kolay gelsin...
tekrardan teşekkür ederim tosunum
