HTML – Links

HTML'de <a href=hedef_link></a> etiketi ile elemanlara link verilebilir. Bu a etiketi içerisine yazı,resim,ikon vs. herhangi bir eleman konulabilir. Yani bir yazıya link verildiği gibi bir resime de verilebilir. <a href="gidilecek_adres" target="_blank">link<a> target etiketi sayfayı yeni sekmede açar. <a href="example.html" target="_blank" title="Linkin üzerine gelince gösterilecek yazı"> title etiketi ile de link yazısı gösterilebilir <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />... Okumaya Devam et →

5 Mayıs 2020 0

HTML – Formatting

HTMLde bir yazıyı vurgulayabilir,italik yapabilir, küçültebilir, yukarı ya da aşağı çıkarabiliriz. Bunları <strong>, <em>, <small>, <sub>, <mark> gibi etiketlerin içerisine yazarak yapabiliriz. Htmlde her açılan etiket kapatılmak zorundadır.(<strong>Vurgulu Yazı</strong>) Ayrıca yazımızı <pre> etiketleri içerisine yazarak, kodda yazdığımız biçimde stilinin (boşlukların vs.) değişmeden görünmesini de sağlayabiliriz. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"... Okumaya Devam et →

5 Mayıs 2020 1

HTML – Styling

HTML'de elemanlara stil özellikleri verebildiğimiz gibi body gibi ana yapılara da stil özellikleri verebiliriz <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>HTML5 Styling</title> </head> <body style="background-color:yellow"> <h1 style="color:blue;font-size:40px">Mavi Başlık</h1> </body> </html>

5 Mayıs 2020 0

HTML – Headings & Paragraphs

HTML'de başlıklar <h> etiketlerinde (<h1>,<h2> ... <h6>) Paragraflar ise <p> etiketinde tutulur <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />  <title>Programming Tutorials</title> </head> <body> <h3>Başlık 3</h3> <p> lorem10 + TAB : default 10 paragraf oluşturur Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem tempora maiores repellendus... Okumaya Devam et →

5 Mayıs 2020 0

HTML – Layouts

Bir HTML Sayfasının temel iskelet yapısı bu şekildedir. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html> Meta Etiketlerini, arama motorlarına bilgi vermek istiyorsak, indexlemeye çalışıyorsak veya sayfalarımızı nitelendirmek istiyorsak kullanırız. <!DOCTYPE html> <html> <head> <title>Free Programming Tutorials</title> <meta charset="UTF-8" />  <meta name="keywords" content="Ruby,Csharp,JavaScript" /> <meta name="description" content="Programming... Okumaya Devam et →

5 Mayıs 2020 0