Nama : Fannisa Nurhaffifi
Kelas : PSTI A
NPM : 2215061009
Jurnal Perkuliahan 3
Introduction
Anatomy dari sebuah browser
Dalam sebuah browaser memiliki bagian yang berbeda-beda, ada part yang bertugas untuk rendering engine dan javascript interpreter. Rendering engine berfungsi untuk mengartikan HTML + CSS menjadi sebuah gambar visual, sedangkan Javascript Interpreter berfungsi untuk mengeksekusi kode javascriptnya.
HTML (Hyper Text Markup Language)
HTML memungkinkan untuk menentukan struktur dokumen atau situs
web.
HTML bukan bahasa pemrograman, HTML adalah bahasa markup,
yang berarti tujuannya untuk memberikan struktur pada konten situs web,
bukan untuk mendefinisikan algoritma. Berikut adalah syntaks dari HTML
Berikut adalah Tags yang digunakan pada HTML :
- <div>: sebuah wadah, biasanya mewakili area persegi panjang dengan informasi di dalamnya.
- <img/>: sebuah gambar
- <a>: tautan yang dapat diklik untuk menuju ke URL lain
- <p>: paragraf teks
- <h1>: judul (h2,h3,h4 adalah judul yang kurang penting)
- <input>: widget yang memungkinkan pengguna memasukkan informasi
- <style>: untuk menyisipkan aturan CSS
- <script>: untuk menjalankan Javascript
- <span>: tag null (tidak melakukan apa pun)
- <button>:untuk membuat tombol
- <audio>: untuk memutar audio
- <video>: untuk memutar video
- <canvas>: untuk menggambar grafik dari javascript
- <iframe>: untuk memasukkan situs web lain ke dalam situs kami
CSS
CSS memungkinkan kita menentukan cara
menyajikan (render) info dokumen yang disimpan
dalam HTML. Berkat CSS kita dapat mengontrol semua
aspek visualisasi dan beberapa fitur
lainnya:
- Warna: konten, latar belakang
- Margin: margin interior, margin eksterior
- Posisi: di mana meletakkannya
- Ukuran: lebar tinggi
- Perilaku: perubahan saat mouse di atas
Berikut adalah contoh dari CSS
Berikut adalah lingkup dari CSS
- color: #FF0000;
- background-color: merah;
- gambar latar belakang: url('file.png');
- font :18px 'Tahoma';
- border: 2 piksel hitam pekat;
- border-top:2 piksel merah pekat;
- border-radius:2 piksel;//untuk menghilangkan sudut dan membuatnya lebih bulat
- margin:10 piksel; //jarak dari batas ke elemen luar
- padding:2 piksel; //jarak dari perbatasan ke elemen dalam
- width:100%; 300 piksel; 1,3em; //banyak cara berbeda untuk menentukan jarak
- height:200 piksel;
- text-align: tengah;
- box-shadow:3px 3px 5px hitam;
- cursor:penunjuk;
- display:blok sebaris;
- overflow:tersembunyi;
JavaScript adalah Bahasa pemrograman biasa yang mudah untuk memulai,sulit untuk dikuasai. JavaScript memberikan beberapa interaktivitas ke elemen di web.
Sintaksnya mirip dengan C atau Java tetapi. Ada tiga cara untuk mengeksekusi kode javascript di situs web:
- Menanamkankode dalam HTML menggunakan tag <script>.
<script>/* some code */</script>
- Impor file Javascript menggunakan tag <script>:
<script src="file.js" />
- Memasukkan kode pada suatu peristiwa di dalam tag:
<button onclick="javascript:/*code*/">press me</tombol>
Berikut adalah syntaks dari JavaScript
Berikut adalah contoh dari HTML, CSS, dan JavaScript pada sebuah website :
Tidak ada komentar:
Posting Komentar