Neler yeni

HTML5 temel seviye2

Katılım
15 Ocak 2021
Mesajlar
203
Tepkime puanı
214
İlgi Alanlarınız
Yazılım
Cinsiyet
  1. Erkek
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
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;hacktivizim.PNG
linki kopyalıyoruz ve
HTML:
  <img src="https://i.hizliresim.com/X17gb2.png">
yazıyoruz
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">
yazıyoruz burda "width" tablonun genişliğini belirtir "height" yüksekliğini belirtir

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>
burada parametrenin içine yazacağız ki siteye kod basılmasın diye burada "style" stilden yani görünümden gelir "color" renkten geliyor...

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


kurs3.PNG
görünümde böyle iyi çalışmalar
 

Konuyu görüntüleyen kullanıcılar:

Hukuksal Sorunlar İçin [email protected]
For Legal Problems [email protected]
Hacktivizm.Org
Hacktivizm.Org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Hacktivizm.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Hacktivizm saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Hacktivizm üyelerinin yaptığı bireysel hack faaliyetlerinden Hacktivizm sorumlu değildir. Sitelerinize Hacktivizm ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz. Sitemizde yer alan içerikler hakkındaki şikayetlerinizi Buradan iletişime geçerek bildirebilirsiniz. Please Report Abuse, DMCA, Scamming, Harassment, Crack or any Illegal Activities to [email protected]
Hacktivizm Twitter Hacktivizm Youtube Hacktivizm İnstagram Hacktivizm Telegram