Selasa, 26 Januari 2016

Belajar di W3School Online Web Tutorial

 Assalamualaikum wr. wb.

Hari kedua saya prakerin di BLC Telkom Klaten ini saya masih bingung mau ngapain lalu saya mencoba tanya ke teman-teman ternyata teman-teman belajar di W3School dan saya pun penasaran dengan W3school ternyata di W3school terdapat tutorial belajar membuat web mulai dari html,css,javascript,sql,php dan bostrap.


Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

 CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

 JavaScript (/ˈdʒɑːvəˌskrɪpt/) adalah bahasa pemrograman tingkat tinggi dan dinamis. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.

 SQL (Structured Query Language) adalah sebuah bahasa yang dipergunakan untuk mengakses data dalam basis data relasional. Bahasa ini secara de facto merupakan bahasa standar yang digunakan dalam manajemen basis data relasional.

PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.

 Bootstrap adalah sebuah library framework CSS yang di buat khusus untuk bagian pengembangan front-end website. bootstrap merupakan salah satu framework HTML, CSS dan javascript yang paling populer di kalangan web developer. pada saat ini hampir semua web developer telah menggunakan bootstrap untuk membuat tampilan front-end menjadi lebih mudah dan sangat cepat. karena anda hanya perlu menambahkan class-class tertentu untuk misalnya membuat tombol, grid, navigasi dan lainnya.

Berikut ini saya mencoba tutorial dari W3School :

1. HTML Pos


Judul HTML didefinisikan dengan <h1> sampai <h6> tag
pertama tuliskan script di bawah ini pada text editor :
<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>
 
Hasilnya :

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6
2.  HTML Paragraf

Paragraf HTML didefinisikan dengan tag <p>
pertama tuliskan script di bawah ini pada text editor :
<!DOCTYPE html>
<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html
>
Hasilnya :  
This is a paragraph.
This is a paragraph.
This is a paragraph.
3. link HTML 
link HTML didefenisikan dengan tag <a>
 pertama tuliskan script di bawah ini pada text editor :
<!DOCTYPE html>
<html>
<body>

<a href="http://www.w3schools.com">This is a link</a>

</body>
</html>
Hasilnya :
This is a link
Tujuan link ditentukan dalam atribut href.

Atribut yang digunakan untuk memberikan informasi tambahan tentang elemen HTML.
4. HTML images 
gambar HTML didefenisikan dengan tag <img>
file sumber (src), teks alternatif (alt), dan ukuran (lebar dan tinggi) disediakan sebagai atribut.
pertama tuliskan script di bawah ini pada notepad:
<!DOCTYPE html>
<html>
<body>

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

</body>
</html>
Hasilnya :
 Sumber : www.W3Schools.com
Semoga bermanfaat bagi anda semua.
Wassalammualaikum Wr. Wb.

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More