Scribd
Unggah
29 tayangan

Modul 1 HTML Dan Css Rifqi

Laporan praktikum membahas dasar teori HTML dan CSS. HTML digunakan untuk membuat halaman web dan menampilkan informasi, sedangkan CSS digunakan untuk mengatur tampilan dan tata letak komponen web. Tugas praktikum membuat blog sederhana yang berisi judul, menu terhubung ke halaman lain, dan postingan konten. Source code dan hasil uji cobanya dilampirkan.

Diunggah oleh

Tole
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
29 tayangan

Modul 1 HTML Dan Css Rifqi

Laporan praktikum membahas dasar teori HTML dan CSS. HTML digunakan untuk membuat halaman web dan menampilkan informasi, sedangkan CSS digunakan untuk mengatur tampilan dan tata letak komponen web. Tugas praktikum membuat blog sederhana yang berisi judul, menu terhubung ke halaman lain, dan postingan konten. Source code dan hasil uji cobanya dilampirkan.

Diunggah oleh

Tole
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 8

LAPORAN PRAKTIKUM

Kelas
Pemrogaman Berbasis Web A
MODUL 1:
HTML dan CSS

Tanda tangan
Tanggal
Nama Praktikan NIM
Kumpul Praktikan Asisten
Mohammad Rifqi 2012110028
Khoirudin

Tanggal Tanda tangan


Nama Penilai Nilai
Koreksi Asisten Dosen

Amil Mukhtar, S.Kom.

Mochammad Sofi
Udin, S.Kom.

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS QOMARUDDIN GRESIK


2022
A. Dasar Teori
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
HTML adalah kerangka yang membentuk dan mengatur
bagaimana sebuah halaman web akan ditampilkan di browser. Untuk
membentuk dan mengatur halaman tersebut kita menggunakan markah
/ tanda atau lebih umum disebut tag.
Tag HTML mempunyai tag pembuka dan penutup. Tag pembuka
menggunakan simbol kecil dari (<) dan besar dari (>), begitupun
dengan tag penutup, hanya saja untuk tag penutup di tambahkan slash
(/).
Contoh :
<html>
<head>
<title>HTML</title>
</head>
<body>
</body>
</html>
Cascading Style Sheet (CSS) merupakan aturan untuk
mengendalikan beberapa komponen dalam sebuah web sehingga akan
lebih terstruktur dan seragam. CSS bukan merupakan bahasa
pemograman.
Jika kita ibaratkan website sebagai rumah dan anda sudah
membangun rumah tersebut menggunakan jasa tukang bangunan
(dalam hal ini HTML) maka tahap selanjutnya adalah membuat rumah
anda tampak cantik. Si tukang bisa saja menempatkan pintu dan
jendela di posisi yang tepat, ia juga bisa mengecat rumah anda dengan
bagus. Namun si tukang punya kekurangan, ia tak memiliki banyak
kemampuan untuk mendekorasi rumah anda dengan baik. Maka anda
perlu seseorang yang handal untuk mengatasi masalah tersebut yaitu
seorang dekorator (CSS). Si dekorator punya pengetahuan lebih
tentang keindahan dan tentu saja ia juga punya kemampuan dekorasi
melebihi si tukang.
Contoh :
body{
background : blue;}
Ada 3 cara penggunaan CSS :
1. Inline Style Sheet
Cara ini cukup mudah yaitu langsung menuliskan kode css kita
pada tag HTML (dalam css disebut selector), contoh :
<body style='background:blue'>
body : tag HTML
style : attribute HTML
background : property
blue : value
2. Internal / Embedded Style Sheet​
Cara penggunaan internal / embedded style sheet yaitu dengan
menggabungkan kode css dengan file HTML namun ditulis di dalam
tag head.
3. External Style Sheet
Cara ini adalah cara yang paling banyak dipakai untuk penggunaan
css, yaitu dengan memisahkan kode css anda di file sendiri dengan
ekstensi .css
Contoh kode dalam file css :
body{
background: blue;
color: black;}
p{
font-size: 12px;}
B. Soal
Tugas membuat blog (website sederhana) syarat yang harus ada
1. Judul websitenya (contoh berita, resep makanan)
2. Terdapat menu menu yang terhubung ke web ke halaman lain
3. Postingan artikel/content didalam webiste
C. Source Code
D. Hasil Uji Coba
Daftar Pustaka
https://codesaya.com/a/pengenalan-html-(dan-css-vxvqxfltiz/(diakses pada
tangga 18 mei 2022 pada pukul 01.50 WIB )

Anda mungkin juga menyukai