NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

HTML Kodları

NOT : Head kodu içine yazılacak kodlar <head></head> kodu açıklamasının altında, body kodu içine yazılacak kodlar da <body></body> kodunun altında verilmiştir.



<html>
</html> Bu kod, html kodları yazılırken tüm kodlardan önce açılmalı ve tüm kodlardan sonra kapatılmalıdır.

<head>
</head> Bu kod, sayfanızın tarayıcının penceresinde görünen kısmını değiştirir.

<title> </title> Bu kod eğer head kodunun içine yazılırsa, açılmış ve kapanmış kodun arasına yazdığınız yazı, tarayıcının pencere kısmında gözükür.

<body>
</body> Sayfanıza ekleyeceğiniz bütün içerikleri bu kodun içine yazarsınız.

<br> Bu kodu yazdığınız yerin sağ kısmında kalan yazılar, bir paragraf boşluğu bırakılarak bir alt satıra yazılır. Bu kod kapatılmaz. ( </br> yazılmaz. )
<br/> Bu kod <br> koduyla aynı işlevi görür fakat br yerine br/ yazıldığında, bir paragraf boşluğu bırakılarak değil, bir satır boşluğu bırakılarak alt satıra geçilir.

<font> </font> Bu kodun içine eklenen color, size ve face parametreleri sayesinde sayfanızdaki yazıların rengini, boyutunu ve fontunu değiştirebilirsiniz.
( <font color=Red size"4" face"Arial">Örnek</font> ) Size parametresi en az 1, en çok 7 olarak girilir.

<h1> </h1> Bu kod, h1,h2,h3,h4,h5,h6 olmak üzere 6 tanedir ve yazdığınız yazıya başlık efekti verir. (Yazıyı kalınlaştırır,boyutunu büyütür veya küçültür.) Yazıyı en çok h1 kodu büyütürken, h6 kodu ise yazıyı ufak bir başlık haline getirir.

<img> Bu kod, html sayfanıza resim eklemenizi sağlar. src, width, height, title, alt, border parametreleri, img kodunun içine eklenir. Bu kod kapatılmaz. ( </img> yazılmaz. )
src (source, kaynak) parametresi ile sayfanıza ekleyeceğiniz kodun, bilgisayarınızda tam olarak nerede olduğunu belirtirsiniz. (Eğer ekleyeceğiniz resim, html sayfanızla aynı klasördeyse, resmin dizinini belirtmenize gerek yoktur. Sadece resmin adını (Ör.: 1.jpg) bildirmeniz yeterlidir.)
width parametresi ile resminizin eninin kaç piksel olacağını belirtirsiniz. NOT : eğer resminizin orijinal ölçüsünü bozmadan onu küçültmek yada büyütmek istiyorsanız ve resminizin orijinal pikselleri 1000x892 gibi oranı hesaplaması zor pikseller ise, resminizin eni enini yada boyunu girerken istediğiniz bir en oranını girip bıraktığınızda, boy oranını html resminizin ölçüsünü bozmadan kendisi belirler ve boy oranını girmenize gerek kalmaz. Aynı şekilde sadece boy oranını girerseniz de en oranı otomatik hesaplanır. (Ör.: 1000x892 bir resmi boyutlandırmak için <img src="x" width="300"> yazıp bıraktığınızda, height 269 olarak otomatikmen belirlenir.)
height parametresi ile resminizin boyunun kaç piksel olacağını belirtirsiniz.
title parametresi içine yazdığınız sayı yada kelimeler, sayfanız açıldığında fare işaretçisi sayfanızdaki resmin üzerine geldiği zaman fare işaretçisinin yanında bir kutucuk olarak gözükür.
alt parametresinin içine elma yazdığınızı varsayalım. (Ör.: <img src="x.jpg" alt="Elma">) Eğer bir kişi Google Chrome veya herhangi bir tarayıcıya Elma yazarak arama yaparsa, görsellerde karşısına sizin kendi sitenize eklediğiniz resmin çıkma olasılığı olur. Yani alt parametresi, tarayıcılara sizin resminizin ne olduğunu belirtir ve o resmin, ilgili arama sonucunda kullanıcılara gösterilmesini sağlar.
border parametresi
     
 
what is notes.io
 

Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...

With notes.io;

  • * You can take a note from anywhere and any device with internet connection.
  • * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
  • * You can quickly share your contents without website, blog and e-mail.
  • * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
  • * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.

Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.

Easy: Notes.io doesn’t require installation. Just write and share note!

Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )

Free: Notes.io works for 12 years and has been free since the day it was started.


You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;


Email: [email protected]

Twitter: http://twitter.com/notesio

Instagram: http://instagram.com/notes.io

Facebook: http://facebook.com/notesio



Regards;
Notes.io Team

     
 
Shortened Note Link
 
 
Looding Image
 
     
 
Long File
 
 

For written notes was greater than 18KB Unable to shorten.

To be smaller than 18KB, please organize your notes, or sign in.