Scribd
Unggah
7 tayangan8 halaman

Laporan Computer Programming

Dokumen ini menjelaskan elemen-elemen dasar dalam HTML, termasuk struktur dokumen, elemen blok dan inline, serta atribut penting seperti href, src, style, dan align. Setiap elemen dan atribut memiliki fungsi spesifik dalam mengatur tampilan dan struktur halaman web. Selain itu, dokumen juga menyoroti pentingnya komentar dalam kode HTML untuk memudahkan pemahaman.

Diunggah oleh

anjassimbolon0105
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
7 tayangan8 halaman

Laporan Computer Programming

Dokumen ini menjelaskan elemen-elemen dasar dalam HTML, termasuk struktur dokumen, elemen blok dan inline, serta atribut penting seperti href, src, style, dan align. Setiap elemen dan atribut memiliki fungsi spesifik dalam mengatur tampilan dan struktur halaman web. Selain itu, dokumen juga menyoroti pentingnya komentar dalam kode HTML untuk memudahkan pemahaman.

Diunggah oleh

anjassimbolon0105
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 8

NAMA : Anjas Profit Simbolon

NIM : C1D123051

KELAS : A

PRODI : BISNIS DIGITAL

LAPORAN PRAKTIKUM
TUGAS 1
1. Elemen html
Struktur dokumen HTML memiliki sifat rekursif, di mana setiap elemen dapat bertindak
sebagai induk bagi elemen-elemen anak.

 <html>
tag ini menandai awal dan akhir dari seluruh dokumen HTML. Semua elemen HTML
lainnya harus berada di dalam tag <html>. Ini seperti "kulit" dari sebuah buku yang
berisi semua isi di dalamnya.

 <head>
Tag ini berisi informasi tentang halaman web yang tidak langsung ditampilkan pada
halaman, seperti judul, meta data, link ke file CSS, dan lain-lain. Informasi di sini
lebih bersifat "belakang layar".

 <title>
Tag ini digunakan untuk memberikan judul pada halaman web. Judul ini akan muncul
pada tab browser. Dalam contoh ini, judul halaman adalah "COMPUTER
PROGRAMMING 1".

 <body>
Tag ini berisi konten utama yang akan ditampilkan pada halaman web. Semua elemen
yang ingin Anda lihat pengguna, seperti teks, gambar, video, dan lain-lain, harus
diletakkan di dalam tag <body>.

 <h1>, <h2>, <h3>:


Tag-tag ini digunakan untuk membuat heading atau judul. Angka di dalam tag
menunjukkan tingkat kepentingan heading. <h1> adalah heading tingkat 1 (paling
penting), <h2> adalah heading tingkat 2, dan seterusnya.
Output dari script tersebut:

2. Elemen block

Elemen blok dalam HTML berfungsi sebagai pembagi konten halaman menjadi bagian-
bagian yang terstruktur. Setiap elemen blok akan menempati satu baris penuh dan terpisah
dari elemen lainnya. Browser secara otomatis akan menampilkan elemen blok pada baris
baru, menciptakan tampilan yang terorganisir.
Elemen Blok dan Contohnya:
 <h1>, <h2>, <h3>:
Tag heading digunakan untuk membuat judul. Angka menunjukkan tingkat
kepentingan judul.
 <p>
Tag paragraf digunakan untuk membuat paragraf teks.
 <div>
Tag div adalah elemen wadah yang sering digunakan untuk mengelompokkan
elemen-elemen lainnya.
 <form>:
Tag form digunakan untuk membuat formulir.
 <table>
Tag table digunakan untuk membuat tabel.
 <article>
Tag article digunakan untuk menandai konten yang mandiri, seperti posting blog atau
artikel berita.

Daftar Elemen yang Bukan Blok


 <span>: Elemen inline yang digunakan untuk menandai bagian teks tertentu.
 <a>: Elemen link untuk membuat tautan.
 <img>: Elemen untuk menyisipkan gambar.
 <b>, <i>, <strong>, <u>: Elemen inline untuk memberikan penekanan pada teks.

Output dari script berikut:


3. Elemen inline
Berbeda dengan elemen blok, elemen inline dalam HTML tidak memulai baris baru dan tidak
mempengaruhi tata letak elemen di sekitarnya. Elemen inline akan ditempatkan secara
berdampingan dengan elemen lainnya dalam satu baris. Berikut adalah contoh kode HTML
yang menggunakan elemen inline.

Output dari script diatas:

Tag <p> adalah elemen HTML yang menandai awal dan akhir sebuah paragraf. Di dalam
paragraf, kita dapat menggunakan tag <strong>, <i>, <b>, dan <em> untuk memberikan
penekanan pada teks tertentu. Tag <strong> secara semantik menunjukkan bahwa teks di
dalamnya sangat penting, sehingga sering digunakan untuk kata kunci atau kalimat penting.
Tag <i> digunakan untuk teks yang bersifat miring, seperti judul buku atau istilah asing. Tag
<b> dan <em> juga berfungsi untuk membuat teks menjadi tebal, namun secara semantik,
<strong> lebih tepat digunakan untuk memberikan penekanan yang kuat.

4. Atribut href
Output pada script berikut:

Tag <a> itu seperti pintu yang menghubungkan kita ke halaman web lain. Atribut href
adalah alamat dari halaman tujuan yang ingin kita kunjungi. Misalnya, jika kita ingin
membuat link ke halaman Bisnis digital, kita tinggal tuliskan alamat Bisnis digital di
dalam atribut href.

5. Atribut src

Output dari script berikut:


Tag <img> digunakan untuk menampilkan gambar di halaman web. Atribut src pada tag
<img> berfungsi untuk menentukan lokasi gambar yang ingin kita tampilkan. Selain itu, kita
juga bisa mengatur ukuran gambar menggunakan atribut width dan height.

6. Atribut style

Output dari script berikut:

 font-size: Atribut ini menentukan ukuran besar kecilnya huruf dalam sebuah
teks. Kita bisa mengatur ukuran huruf dalam satuan pixel (px), point (pt), atau
em.
 color: Atribut ini menentukan warna teks. Kita bisa menggunakan nama warna
(misal: red, blue, green) atau kode warna hex (misal: #FF0000 untuk warna
merah).
 font-family: Atribut ini menentukan jenis font yang akan digunakan untuk
menampilkan teks. Beberapa contoh jenis font yang umum digunakan adalah
Times New Roman, Arial, dan Verdana.

7. Atribut align

Output dari script berikut:

Atribut align adalah sebuah atribut HTML yang digunakan untuk menentukan perataan teks di
dalam sebuah paragraf. Nilai-nilai yang bisa diberikan pada atribut align antara lain:
 left: Membuat teks rata kiri.
 right: Membuat teks rata kanan.
 center: Membuat teks rata tengah.
 justify: Membuat teks rata kiri dan kanan secara bersamaan (setiap baris teks akan
memiliki panjang yang sama).

8. Komentar

Output dari script berikut:

Komentar dalam HTML adalah bagian dari kode yang tidak akan diproses oleh browser.
Komentar digunakan untuk memberikan penjelasan atau catatan mengenai kode HTML,
sehingga memudahkan kita atau orang lain untuk memahami kode tersebut di kemudian hari.
Komentar tidak akan muncul di halaman web yang dihasilkan.

Anda mungkin juga menyukai