Jam Tambahan : Multimedia,Hiperlink, Form html, CSS dan JAVASCRIPT

1. Menyisipkan Gambar

      <img src="gambar.jpg" width=500 height=500>

2. Audio

        <audio controls>
<source src="d:\html5-data\media\jangan menyerah.mp3"
type="audio/mpeg ">
</audio>

3. Video

        <video width="320" height="240" controls>
<source src="d:\html5-data\media\sabyan.mp4" type="video/mp4">
  </video>

contoh :
Folder / penyimpanan Media


Script / coding
Hasil
 
4. Membuat Formulir



5. Hyperlink HTML

<a href="media.html"> Multimedia </a>


CSS



CSS = Cascading Style Sheet
Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.


MEMBUAT CSS

qCARA PERTAMA :
  mengetikkan langsung dalam tag html sebagai atribut .
<body>

<b style = “color : blue”> teks tebal dan biru </b>
</body>

qCARA KEDUA :
Menggunakan tag style  di dalam tag head.
<head>
       <style type=“text/css”>
              ……… style definitions ………
       </style>
</head>

Style definitions : adalah defenisi style yang ingin dibuat.
Format penulisannya adalah :
Selector { property1 : value1 ;
property2 : value2;….
propertyN : valueN ; }

Selector  adalah tag yang digunakan web browser.
Property : value adalah efek dari style yang diinginkan untuk selector.

qCARA KETIGA :
Menyimpan informasi style ke dalam sebuah file dengan ekstensi/type file  css
Memanggil file css dalam html dengan tag link yang diletakkan dalam tag head.
<head>

<link rel=“stylesheet” type=“text/csshref=“namafile.css”/>
</head>


Contoh :
<style type=“text/css” >
        hr { color : red ; height : 5px ; width : 50%; }
</style>
Keterangan :
Tag          adalah   style
Atribut      adalah   type=“text/css
Selector   adalah   hr
Property   adalah   color, height, width
Value        adalah   red, 5px, 50%

ID SELECTOR dan CLASS
ID selector didefenisikan sendiri

ID selector diawali tanda # ( octothorpe)
CLASS diawali dengan tanda titik ( . )



JAVA SCRIPT

Javascript adalah bahasa pemrograman yang digunakan untuk HTML dan WEB, untuk Server, PC, Laptop, tablet dan lebih banyak lagi. Kode pemrograman javascript dapat disisipkan kedalam halaman HTML.

Bagaimana Menulis Javascript ?

Ada dua jenis bagaimana javascript dibuat, pertama javascript ditulis dalam file yang terpisah dengan HTML, kedua javascript ditulis dalam HTML. Javascript yang ditulis diluar HTML disebut Eksternal Javascript dengan ektensi file .js. Dalam HTML, penulisan script diawali dengan <script> … </script>.










Tidak ada komentar:

Posting Komentar