Arti Script Dalam HTML

Assalamualaikum Wr. Wb.

Kali ini saya menemukan postingan yang cukup menarik yaitu Arti Script HTML yang terdapat di postingan http://mrxsaga.blogspot.com/p/arti-script-pada-html.html :D Ini hanya saya Re-Post sekedar sharing :3 Silahkan langsung saja ini dia.

Berikut contoh Script yang ada pada HTML :

< html>* = Script umum yg wajib digunakan klo mau bikin HTML
< head>* = Script yg digunakan untuk membuat kepala HTML
< title>* = Script untuk judul
< body>* = Script untuk isi HTML
< h1> - < h6>* = Script untuk ukuran font pada title
< p> = Script untuk pemberian paragraf.
< br> = Script untuk pemberian line baru. Seperti enter. 
< b>* = Bold
< i>* = Italic
< u>* = Underline
< strong>* = Huruf menjadi tebal (mirip Bold)
< code>* = Huruf menjadi font Courier
< tt>* = Huruf menjadi font Teletype Writer
< sampp>* = Huruf menjadi font Code
< pre>* = Preformated Text. Semua spasi yang bukan script akan sama letaknya dengan yang ditulis. 
< ul>* = Membuat bullet. Pada line berikutnya harus ditulis < li> sebelum mengetik
< ol>* = Membuat angka. Sama seperti yg diatas
< caption> = Seperti bikin judul. Bedanya ini digunakan di 
< table border> = Gunanya untuk bikin tabel. Kalo selesai bikin tabel, tulisnya 
< tr>* = Membuat baris pada tabel
< td> = Membuat kolom pada tabel
< th> = Table Header, membuat kolom judul 


< table border>,< tr>,< td> dan < th> digunakan bersama klo mo bikin tabel.


< align=....> = Untuk mengatur letak tulisan. Klo kanan, right. Tengah, center dst. Klo mau ngatur letak judul, tulis awalan div. Jadinya < div align=...>

< colspan=....> = Untuk menggabungkan sekian kolom menjadi satu. (Isi bagian yang ksg. Kalau diisi dengan 3, maka 3 kolom menjadi satu

< rowspan=...> = Untuk menggabungkan sekian baris menjadi satu. (Isi bagian yang ksg. Kalau diisi dengan 5, maka 5 baris menjadi satu

< cellpadding=...> = Untuk memberi jarak antara setiap konten spt. kolom dan baris. (Isi bagian yang ksg. Semakin tinggi nilai yang diberikan semakin jauh jaraknya. Biasa diletakkan sesudah < table>. Sehingga menjadi < table cellpadding=...>

< width=...> = Untuk melebarkan tabel. Diisi dengan angka biasa maupun persentase
< font size=...> = Untuk mengubah ukuran font. (+) untuk memperbesar, (-) untuk memperkecil.
Contoh : < font size=+2>

< font face="......"> = Untuk mengubah tipe font. Untuk mempermudah, buka MS Word. Karena bagian ini case sensitive. Contoh : < font face="Comic Sans MS">


< a href="......"> = Untuk menyisipkan Hyperlink

Contoh script title :

< html>

< head>

< title>Judul Website< /title>

< /head>

< body>

< h1> h1 akan membuat tulisan berubah ukuran< /h1>

< h2> h2 akan membuat tulisan berubah ukuran< /h2>

< h3> h3 akan membuat tulisan berubah ukuran< /h3>

< h4> h4 akan membuat tulisan berubah ukuran< /h4>

< h5> h5 akan membuat tulisan berubah ukuran< /h5>

< /body>

Contoh script font :

< html>
< head>
< title>Mengubah style font< /title>
< /head>
< body> 
< b>Tulisan tebal< /b>
< br> 
< i>Tulisan miring< /i>
< br> 
< u>Garis bawah< /u>
< br>
< strong>Mirip seperti bold< /strong>
< br>
< code>Font mirip Courier< /code>
< br>
< em>Mirip seperti italic< /em>
< br>
< tt>Font teletype writer< /tt>
< br>
< sampp>Mirip kode< /sampp>
< br>
< center>Tulisan ditengah-tengah< /center>
< /body>
< /html>

Contoh script tabel :

< html>
< head>
< title>Tabel sederhana
< /head>
< body>
< table border=1>
< tr>
< td>Kolom pertama
< td>Kolom kedua
< td>Kolom ketiga
< /tr>
< tr>
< td>Satu
< td>Dua
< td>Tiga
< /tr>
< /body>
< /html>


*di akhir script, ketikkan script dengan slash untuk mengakhiri fungsi script.
Contoh : < b>Contoh Tulisan< /b>


Sebenarnya script-script ini tidak menggunakan spasi, terpaksa menggunakannya karena Script tsb. akan bergerak kalo mengetiknya dgn benar.

Sumber : http://mrxsaga.blogspot.com/p/arti-script-pada-html.html

More√

Loading Page dengan CSS3 by Djogzs

Assalamualaikum Wr. Wb.


Di sini saya akan mengshare karya yang membuat saya kagum :) Yaitu buatannya kak Djogzs :D Ini adalah Loading Page dengan CSS3 yang menarik :v Sudah saya pasang di BLOG saya sebagai Demonya xi xi xi :v Jika ada yang bermint bisa contact saya untuk pemasangan (Jika dekat :v) Atau contact kak Djogzs selaku creatornya :D

Nah jika ingin utak atik sendiri bisa langsung ke Linknya saja : http://djogzs.blogspot.com/2013/01/loading-page-dengan-css3-animasi.html

Maaf saya tidak bisa memberikan tutorial ini langsung dari blog saya, karena apa ? Karena saya menghormati pemilik aslinya :v

Sekian dari saya apabila ada kekurangan mohon maaf yang sebesar besarnya :v

Wassalamualaikum Wr. Wb.

More√

Mempercepat Loading Blog dengan Lazy Load

Assalamualaikum Wr. Wb.

Saya kali ini akan memberikan cara yaitu Salah satu cara mempercepat loading blog adalah dengan menunda penampilan gambar-gambar selama beberapa saat ketika sebuah blog di load oleh browser.

Dengan demikian kerja browser akan menjadi lebih ringan dan halaman blog menjadi lebih cepat terbuka.

Lazy Loading pada blogspot sangat mudah diterapkan, cukup dengan menyisipkan javascript dan jquery maka teknik ini akan dapat bekerja dengan sempurna.

Lazy Loading Blogger

Untuk menggunakan Lazy Loading Images pada blogspot, cukup sisipkan kode berikut tepat diatas </body>:

<!--:[ LAZY LOAD START ]:-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script src='http://mu5lim.googlecode.com/files/lazyload.js' type='text/javascript'/>
<script type='text/javascript'>
      $(function() {
          $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEioA0ni-lCtXOt78FRV7__x4JcOG24YGR74RV6DeMOGekEY6dFTXd9Xq6pzoEsyE-XgWZgqhGmb11TgkHtetedh1ZfCmx3a6UqOgxTY9xddzEi7Jeu72lyALgn62NH4CVGnqyLf1DuQ/s1600/lazybg.png&quot;});
      });
</script>
<!--:[ LAZY LOAD END ]:-->

More√

Tukar Link

Assalamualaikum Wr. Wb.

Seperti logo di atas yaitu " Tukar Link Yuk! ", di sini saya akan memberikan sebuah page untuk saling bertukar link satu sama lain agar saling mengenal dan mengetahui blog masing-masing :3. Kalau ingin Link Blognya saya cantumkan, bisa Contact lewat 

>> Facebook << 

 >> Twitter << 

Atau tulis di komentar saja :v

Daftar Link :

• http://rijalul.id-fb.com 
• http://newlanicious.blogspot.com
• http://yussuffantastic.blogspot.com
• http://bayumanggalaputra.blogspot.com
• http://highac.blogspot.com/
• http://musikitukeren.blogspot.com/
• http://clints01.blogspot.com
• http://noikun.blogspot.com
• http://thephatar.blogspot.com

Jika ingin silahkan contact saya :3 Terima Kasih :v

More√