Night Diamond Bloody Red

Saturday, October 7, 2017

LA LABSI - DREAMWEAVER - Minggu Pertama (Intro)

Output


Codingan

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://inr46.blogspot.co.id/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LABSI1</title>

<style type="text/css">
body,td,th {
font-family: "Comic Sans MS", cursive;
color: #CF0;
font-style: italic;
font-weight: bold;
}
</style>
</head>
<body>
<p><h1><marquee style="border: BLACK 2px SOLID;color:#cc0000;">BIODATA</marquee></h1></p>
<marquee bgcolor="white" style="font-family: impact; font-size:20px; color:#cc0000;" >Irfan Nur Rakhman</marquee>
<p><marquee direction="right">
  <span style="color: #999">Nama : Irfan Nur Rakhman</span>
</marquee>
<p><marquee direction="left"> 
<span style="color: #0F0">Nama Panggilan : Irfan </span>
</marquee>
<p><marquee direction="up"> 
<span style="color: #F0F">NPM : 13115431 </span>
</marquee>
<p><marquee direction="down"> 
<span style="color: #0FF">Kelas : 3KA07 </span>
</marquee>
<p><marquee behavior="alternate"> 
<span style="color: #00F">Fakultas : Ilmu Komputer dan Teknologi Informasi </span>
</marquee> 
<p><marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"> Jurusan : Sistem Informasi</marquee></marquee> 
</body>
</html>

Fungsi Coding Program

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://inr46.blogspot.co.id/xhtml">  Merupakan tag pembuka yang menyatakan pada browser bahwa dokumen web yang digunakan adalah HTML
<head> Merupakan kepala dari dokumen HTML yang ditutup dengan </head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Memberi instruksi kepada web browser untuk menerjemahkan karakter-karakter di dalam halaman HTML sebagai UTF-8(Unicode Transformation Format-8), pada html 4.
<title>LABSI1</title> Menyatakan judul dari dokumen HTML yang akan di tampilkan di title bar pada browser
<style type="text/css">Mendefinisikan informasi style untuk dokumen HTML
body,td,th {
          font-family: "Comic Sans MS", cursive;
          color: #000;
          font-style: italic;
          font-weight: bold;
}
Mendefinisikan Body/Isi HTML, Td (table data) = Membuat isi dari th atau baris, Th (table heading) = Membuat judul sebuah table.
</style> Mendefinisikan informasi style untuk dokumen HTML
</head> Memberikan informasi tentang dokumen tersebut
<body> <bodyIsi dari dokumen HTML yang ditutup dengan </body>
<p><h1><marquee style="border: BLACK 2px SOLID;color:#cc0000;">BIODATA</marquee></h1></p>
<p> Membuat sebuah paragraph, <h1> Menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut. Dengan tulisan berjalan dari arah kanan ke kiri yang memiliki tampilan : Garis luar kotak berwarna hitam solid ukuran 2px dengan tulisan teks merah(kodenya : #cc0000). BIODATA
<marquee bgcolor="white" style="font-family: impact; font-size:20px; color:#cc0000;" >Irfan Nur Rakhman</marquee> Membuat tulisan berjalan dari arah kanan ke kiri, dengan latar putih, dengan jenis huruf : impact, ukuran font 20px, dengan warna : merah. Irfan Nur Rakhman
<span style ="color: #00F"> Mendefinisikan sebuah section dalam dokumen dengan kode warna tertentu, contoh kode warna biru(#00F)
<p><marquee direction="right">Nama : Irfan Nur Rakhman </marquee> Membuat paragraf baru dengan tulisan berjalan dari arah kiri ke kanan. Nama : Irfan Nur Rakhman
<p><marquee direction="left"> Nama Panggilan : Irfan </marquee> Membuat paragraf baru dengan tulisan berjalan dari arah kanan ke kiri. Nama Panggilan : Irfan
<p><marquee direction="up"> NPM : 13115431 </marquee> Membuat paragraf baru dengan tulisan berjalan dari arah bawah ke atas. NPM : 13115431
<p><marquee direction="down"> Kelas : 3KA07 </marquee> Membuat paragraf baru dengan tulisan berjalan dari arah atas ke bawah. Kelas : 3ka07
<p><marquee behavior="alternate"> Fakultas : Ilmu Komputer dan Teknologi Informasi </marquee>  Membuat paragraf baru dengan tulisan berjalan, arah bolak balik. Fakultas : Ilmu Komputer dan Teknologi Informasi
<p><marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"> Jurusan : Sistem Informasi</marquee></marquee> Membuat paragraf baru dengan tulisan berjalan dari arah bawah ke atas dengan kelebaran 80% dari kiri ke arah kanan , seperti zig-zag. Fakultas : Ilmu Komputer dan Teknologi Informasi
</body> Isi dari dokumen HTML yang ditutup dengan </body>
</html> Mendefinisikan root dari suatu dokumen HTML

No comments:

Post a Comment