• Teknik Pengolahan Audio dan Video

  • Desain Grafis Percetakan

  • Sistem Komputer

  • Pembrograman Dasar

  • Komputer dan Jaringan Dasar

Selasa, 28 April 2020

ULANGAN HARIAN TEKNIK PENGOLAHAN AUDIO DAN VIDEO

ULANGAN HARIAN TEKNIK PENGOLAHAN AUDIO DAN VIDEO
Batas Waktu Mengerjakan : 
29 April 2020, 10.00 PM (malam)


ABSEN AKAN OTOMATIS TERISI SETELAH MENGERJAKAN SOAL
Klik link berikut jika namamu tidak muncul

Senin, 27 April 2020

Tag Heading dan Paragraf pada HTML

Heading dalam HTML biasa digunakan untuk memberikan judul dalam sebuah halaman, Tag heading dalam HTML selalu dimulai dengan <h1> untuk ukuran terbesar dan <h6> untuk ukurang paling kecil. semakin rendah nilai dari suatu heading maka ukuran text nya akan semakin besar. silahkan buat file baru dengan nama file latihan2.html dan ketiklah script berikut :
<!DOCTYPE html>
<html>

<head>
  <title>Belajar Heading</title>
  <meta charset="UTF-8">
</head>

<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>
lalu silahkan save file latihan2.html dan buka dengan web browser sehingga hasilnya seperti ini :Html heading

Tag HTML Paragraf

Tag paragraf dalam HTML digunakan untuk membuat paragraf dalam sebuah halaman HTML, untuk membuat paragraf menggunakan tag <p> sebagai pembuka dan </p> sebagai penutup nya, sebagai latihan silahkan buat sebuah file baru dengan nama file latihan3.html dan tulis script berikut :
<!DOCTYPE html>
<html>

<head>
  <title>Belajar Paragraf</title>
  <meta charset="UTF-8">
</head>

<body>
<p> HTML adalah kepanjangan atau singkatan dari Hyper Text Markup Language. Setiap kita menjelajah di internet, membuka website apapun, kita pasti akan bertemu dengan HTML. Hal ini dikarenakan semua website yang ada diinternet, dibuat dengan menggunakan bahasa markup HTML.
</p>

<p>HyperText adalah metode dimana kita "berpindah" disekeliling web, dengan mengeklik sebuah teks yang bernama hyperlink.</p>

<p>Hyperlink adalah sebuah teks khusus di internet, dimana saat teks tersebut diklik, akan membawa kita ke halaman web selanjutnya/halaman web lain yang telah ditentukan.
</p>
<p>Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html , maka teks tersebut akan berubah menjadi italic (huruf yang miring). Sedangkan jika kita menandainya dengan , maka teks tersebut akan berubah menajadi bold (huruf tebal). Language yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki kata kata berupa kode dan syntax seperti bahasa yang lain.</p>
</body>
</html>
kemudian save untuk menyimpan perubahan yang sudah anda lakukan, setelah itu silahkan buka menggunakan web browser untuk melihat hasilnya.
html-paragraf

Tag HTML Style

Maksud style disini adalah memberikan sentuhan artistik yang akan ditampilkan pada dokument HTML seperti memberikan warna font, mengubah ukuran font yang akan digunakan, memberikan warna background pada halaman HTML dan banyak lain nya, untuk memberikan style pada tag html bisa menggunakan format seperti ini
<tagname style="property:value;"></tagname>
untuk melakukan praktek pada sesi ini silahkan buat sebuah file baru dengan nama latihan4.html dan lakukan praktek pada script dibawah ini, untuk latihan pertama misalnya kita ingin memberikan warna pada font yang ada pada sebuah paragraf maka scriptnya :
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
untuk memberikan jenis font yang akan digunakan bisa menggunakan script :
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
untuk memberikan ukuran pada font yang akan ditampilkan bisa menggunakan script :
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
untuk memberikan jenis perataan pada sebuah text yang akan ditampilkan bisa menggunakan script :
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Mengenal Tag, Element, Atribut HTML

     Stetelah pengenalan HTML, Text Editor pada tutorial sebelumnya. kini kita akan memasuki tutorial pengenalan dan penggunaan Tag, Element dan Atribut dalam HTMl. Ketiga pembahasan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh tampilan halaman web yang ada di internet.

Tag HTML

     Tag merupakan kode yang digunakan untuk memperkenalkan pada web brawser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web brawser baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penlisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang diguanakan dalam HTML
     perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka, tag yang dimaksud, dan diakhiri dengan kurung sudut penutup. sedangkan pada penutup tag itu diawali dengan kurung sudut pembuka, backslash, tag yang dimaksud, dan diakhiri dengan penutup kurung sudut.

jenis tag yang sering digunakan dalam html

berikut beberapa jenis tag yang siring anda jumpai kalo di web programing :
Tag Fungsi
<!– ….–> Digunakan untuk memberi sebuah komentar atau keterangan
<!DOCTYPE html> digunakan untuk Mendefinisikan tipe document
<a> Mendefinisikan sebuah anchor, digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain
<b> membuat teks menjadi tebal
<p> membuat pargraf
<h1> membuat heading satu
<h2> membuat heading dua
<body> mendefinisikan body/isi dokument html
<head> mendefinisikan bagian kepala dokumen html
<title> memdefiniskan judul halaman
<div> mendefinisikan halaman
<link> mendefinisikan hubungan antar dokumen
<script> Mendefinisikan client-side script
<table> mendefinisikan tabel
<th> Mendefinisikan sel header di dalam sebuah tabel
<td> Mendefinisikan sel di dalam sebuah tabel
<tr> Membuat baris di dalam sebuah tabel
<ul> Mendefinisikan daftar dalam format bullet
<li> mendefinisikan list

Element HTML

     Element pada HTML merupakan isi atau objek yang berada tag. maksdunya, isi yang ada diantara tag pembuka dan tag penutup (termasuk jenis itu sendiri) misalkan :
     pada contoh diatas <h2> ini adalah heading dua <h2> merupakan element h2 dan isinya ini adalah heading dua. dalam element ini bisa berupa text ataupun tag lain misalnya <link> dan sebagainya.

Atribut pada HTML

     Atribut merupakan informasi tambahan yang digunakan di dalam tag pembuka. informasi ini bisa berupa instruksi untuk memberikan efek warni, ketebalan, dll. atribut bisanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis name=”value”. penulisan nilai/value diapit oleh dua tanda kutip (bisa digunakan kutip satu atau kutip dua).
penulisan atribut pada HTML diawali dengan penulisan tag, didalam tag berikan atribut dan element dari tag itu sendiri berikut contoh penulisan atribut pada HTML :
  • <h2> adalah tag heading 2
  • align adalah nama dari atribut
  • center adalah nilai dari atribut
  • pengenalan atribut HTML adalah element dari tag h2
     tidak semua tag ini membutuhkan atribut di dalamnya, namun bagi anda yang begelut di web programing akan sering menjumpai tag yang didalamnya terdapat atribut.
Belajar HTML Mengenal Tag, Element, Atribut HTML
pada HTML ini banyak sekali atribut yang bisa digunakan tetapi hanya cocok untuk tag-tag tertentu saja. misalkan penggunaan atribut href yang hayan bisa diguanakan pada tag <a> beberapa tag lain.

Membuat file dokumen html sederhana

Langkah 1: buka notepad

Untuk pengguna Windows 8 atau ke atas:
Buka Layar Start (gambar jendela di bagian kiri bawah pada layar Anda). Ketik Notepad .
Untuk pengguna Windows 7 atau sebelumnya:
Buka Start > Programs> Accessories> Notepad

Langkah 2: menulis dokumen html sederhana

<!DOCTYPE html>
<html>
<head>
<title>Judul post</title>
</head>
<body>
<h1>Hello Word</h1>
<p>Paragraf pertama.</p>
</body>
</html>
Penjelasan disetiap baris code:
  • <!DOCTYPE html>
    mendefinisikan jenis dokumen HTML.
  • <html>
    mendefinisikan elemen akar pertama pada halaman HTML.
  • <head>
    mendefinisikan berisi informasi header pada dokumen HTML.
  • <title>
    mendefinisikan judul halaman untuk dokumen HTML.
  • </title>
    penutup tag title.
  • </head>
    penutup tag head.
  • <body>
    mendefinisikan berisi konten halaman yang akan terlihat.
  • </body>
    penutup tag body.
  • </html>
    penutup tag html.
Silakan Anda salin script di atas ke di file kosong dikomputer Anda.
contoh sebuah dokumen file html

Langkah 3: Simpan file Html

menyimpan html

Simpan file yang tadi Anda buat: Pilih File> Save as.
Nama filenya bebas asal menggunakan extensi .html atau htm. Sebagai contoh: “index.html”

Langkah 4: buka file html dengan browser

Buka file HTML yang tadi Anda buat dengan browser seperti: Google, Mozilla, Opera dll.
Hasilnya akan terlihat seperti ini:

hasil latihan html

Ringkasan pembelajaran

ElemenKegunaanya
<!DOCTYPE html>mendefinisikan jenis dokumen HTML
<html>mendefinisikan elemen akar pertama pada halaman HTML
<head>mendefinisikan berisi informasi header pada dokumen HTML
<title>mendefinisikan judul halaman untuk dokumen HTML
</title>penutup tag title
</head>penutup tag head
<body>mendefinisikan berisi konten halaman yang akan terlihat
</body>penutup tag body
</html>penutup tag html

Pengenalan HTML

Tag-Tag Dasar HTML untuk Pemula | IDCloudHost     Tak kenal maka tak sayang, begitu juga setiap kita ingin belajar sesuatu maka dilakukan pengenalan HTML terlebih dahulu. HTML atau Hyper Text Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, secara teknis HTML bukanlah bahasa pemrograman namun bahasa terstruktur yang fungsinya untuk menandai (Mark) bagian-bagian halaman, HTML terdiri dari beberapa susunan yaitu Tag, Elemen, dan