Attribute SRC - html src attribute

Attribute src (search) digunakan dalam sebuah tag kode html (html tag). Beberapa tag yang paling sering digunakan dalam blog/web dan menggunakan attribute src adalah tag script, tag iframe dan tag img. Value/nilai attribute src adalah URL (alamat file yang tersimpan dalam file hosting). Jika anda menggunakan file hosting diluar domain blog/web, maka URL harus ditulis secara lengkap, sedang bila file tersimpan dalam domain blog/web maka hanya perlu meuliskan folder & nama file.
Pada javascript, attribute src dituliskan dengan menyertakan attribute lain - script="tipe/javascript", sedang untuk iframe dan img bisa melibatkan beberapa attibute sekaligus.

Attribute src dan tag

  1. Attribute src pada tag script:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  2. Attribute src pada tag img:
    <img src="https://lh5.googleusercontent.com/-5a4cgv-EJyQ/UCphCRalnvI/AAAAAAAAAIY/neuY7LMXEoY/h250/romantic_moon.jpg" width="333" height="250" style="float:left;margin:0 15px 5px 0;border:4px solid blue;" alt="munyuk pacaran" />
  3. Attribute src pada tag iframe:
    <iframe src="http://gubhugreyot.blogspot.com" width="400" height="500" style="padding:10px;border:4px solid blue;margin:20px auto;display:block;overflow:auto;"></iframe>

Attribute src dan URL file dalam domain web/blog

Jika file tersimpan dalam domain berbeda (file hosting diluar domain web/blog) URL harus ditulis lengkap, maka jika file tersimpan dalam folder di internal domain web/blog, maka penulisan URL lebih singkat karena tanpa perlu menuliskan alamat bagian depan. Mode yang seperti ini hanya bisa dilakukan pada domain web/blog berbayar atau domain gratis tertentu. Contoh: URL/alamat web/blog : http://www.gubhugreyot.com
javascript :
<script type="text/javascript" src="script/tooltip.js"></script>
image :
<img src="images/romantic_moon.jpg" width="333" height="250" style="border:5px solid green;border-radius:12px;margin;20px;" alt="munyuk pacaran" />
iframe:
<iframe src="demos/tooltip-with-image.html" width="400' height="300" style="margin:10px;pading:10px;display:block;"></iframe>
Di bawah ini telah disertakan demo berkaitan dengan penggunaan attribute src dalam tag script dan tag img, sekaligus disertakan juga membuat tag img di dalam tag "a" (image link) yang didalamnya terdapat attribute src.
Please click the button to display. Continue with editing code and click to see the results!

2 komentar:

My ProfileC l o s e

FollowerC l o s e