apaCara
.com
editor
HTML
CSS
JS
PREVIEW
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Demo HTML base element</title> <base href="/media/images/" target="_blank"> <style> img { float: left; margin-right: 1em; } </style> </head> <body> <p> <img src="apacara.com.png" alt="" /> Logo apacara.com disamping ini aslinya terletak pada relative URL: "/media/images/apacara.com.png" akan tetapi, disini hanya ditulis nama filenya saja (apacara.com.png) atau lebih jelasnya <code>img src="apacara.com.png"</code>. Kenapa bisa demikian? karena kita sudah menuliskan elemen <code>base</code> dengan rujukan link dasarnya yaitu: "/media/images/" (value dari href attribute pada base element tersebut), sehingga kita tidak perlu menulis secara lengkap cukup nama file yang merujuk pada base url tersebut . </p> <p> <a href="http://www.apacara.com">Kunjungi apacara.com</a>. Link ini akan terbuka pada jendela baru, karena pada element <code>base</code> kita sudah menentukan "target=_blank" yang artinya dibuka pada jendela/tab baru untuk semua URL dasarnya. </p> </body> </html>
/* CSS code */
// javascript code
apaCara.com editor
apaCara.com editor