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
HTML ile temel seviye atalım
herkese merhaba arkadaşlar ilk konum hatam olursa affola... bugünkü konum HTML ile temel seviye site yapımı olucaktır hadi başlayalım Title şimdi bunlar nelerdir bir bakalım bu browsera bir html5 olduğunu söylüyor bura başlıktı bu sekme başlığıdır buranın içinde...
bu konumuzda;
-resim ekleme ve boyutlandırma
-yazı renklendirme
olacak
hadi başlayalım
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>
</body>
</html>ilk kodlarımız bunlardı yine body parametresinin içine yazacağız kodlarımızı
resim eklemek için ben googledan bunu alacağım;
linki kopyalıyoruz ve
HTML:
<img src="https://i.hizliresim.com/X17gb2.png">burda img image den geliyor src ise url adresi belirtir ama baktık iki resim küçük yada büyük çıktı hemen
HTML:
<img src="https://i.hizliresim.com/X17gb2.png" width="150px" height="150px">hadi şimdi ise yazdığımız yazıları renklendirip daha da ilgi çekici yapalım;
HTML:
<p style="color:red;">yazımız kırmızı oldu</p>
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>
</body>
</html>yazdığım kodlarda bu şekilde
görünümde böyle iyi çalışmalar