Sebelum saya membahas tentang format teks,tabel dan multimedia pada halaman web ada baiknya kita belajar tentang konsep teknologi aplikasi web itu sendiri.
Konsep Teknologi Aplikasi Web
Aplikasi web merupakan aplikasi client/server yang diakses menggunakan web browser melalui jaringan internet atau intranet.
1. Konsep WWW
WWW atau world wide web adalah program yang dapat membuat seluruh dokumen di internet menjadi lebih rapih dan lebih mudah di temukan oleh pengguna.
a.Sejarah singkat
Tim Berners-Lee mengajukan sebuah proyek yang berbasis hiperteks pada tahun 1980. Di bantu oleh Robert Cailiau, ia menciptakan sistem prototipe bernama enquire.
Pada tahun 1990 WORL WIDE WEB sudah dapat dijalankan. Kemudian pada tahun 1994 ia mendirikan WORL WIDE WEB CONSORTIUM.
b.Fungsi WWW
Adapun fungsi-fungsi dari word wide web antara lain:
1.Portal
Web portal digunakan untung mengarahkan pembaca agar dapat berinteraksi pada situs website tersebut. Contoh portal web trimbunnews.com , facebook.com dan lain lain.
2.Web Hosting
Adalah penyimpanan data-data website agar nantinya dapat diakses secara online .
3.Search Engine
Adalah mesin pencari yang bertujuan untuk mencari informasi dalam word wide web dengan cara menyesuaikan kata kunci yang dimasukkan.
4.Web Mail Service
Adalah layanan yang memungkinkan pengguna untuk mengakses email dalam internet.
Format teks pada halaman web
1.struktur dasar HTML
HTML atau Hypertext Markup Language adalah bahasa yang menggunakam tag tertentu, diperuntukkan untu memerintah suatu web agar mengeksekusi perintah yang telah di spesifikasi kan. Adapun struktur dasar dari HTML
a.DCT atau DOCTYPE
Doctype bukanlah tag HTML melainkan deklarasi yang berfungsi untuk mengidentifikasi halaman web HTML
b.Tag <html>
Tag html ini biasa digunakan sebagai pembuka program dimana diawali dengan <html> dan di akhiri dengan </html>
c.Tag <head>
Digunakan sebagai informasi halaman web, bukan informasi yang di tampilkan di bagian utama browser
d.Tag <title>
Adalah tag untuk membuat judul dari halaman ,juga sebagai kata kunci pada search engine agar pembaca dapat terhubung dengan website tersebut.
e.Tag <body>
Merupakan tag yang berisi semua elemen yang akan di tampilkan pada halaman web.
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Halooo</title>
</head>
<body>
<h1> class="title">Halo guysss </h1>
</body>
</html>
Format tabel pada halaman web
Agar kita bisa menampilkan data dal bentuk table pada halaman HTML kita membutuhkan tiga tag utama , yaitu
1.Tag<table>
Untuk membuat tabel
2.Tag<tr>
Table row digunakan untuk membuat baris
3.Tag<td>
Table data untuk menginput data pada tabel
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Halo ini judul</title>
</head>
<body>
<h1 class="title">membuat tabel</h1> </h1>
<table border = "1">
<tr>
<td>baris 1</td>
</tr>
<tr>
<td>baris 2</td>
</tr>
</table>
</body>
</html>
Format multimedia pada halaman web
Konsep multimedia dalam web merupakan gabungan dari teks, gambar, video atau audio
Tag menampilkan gambar
Untuk menampilkan gambar pada web, kita harus ingat format gambar yang bisa disematkan, fortmat gambar tersebut antaralain ; APNG, GIF, ICO, JPEG, PNG, dan SVG
Tag untuk menampilkan gambar yaitu
<Img scr="(nama gambar dan ekstensi nya)">
Untuk mengubah ukuran gambar tag yang di gunakan adalah
<Img scr=""
Alt="(nama gambar)"
Style="widht=(ukuran)px; height=(ukuran)px">
Sekian terimakasih
Sumber
https://www.niagahoster.co.id/blog/cara-memasukkan-gambar-di-html/#amp_tf=Dari%20%251%24s&aoh=16575149928595&referrer=https%3A%2F%2Fwww.google.com
https://indosmartschool.com/2020/11/22/menerapkan-format-teks-pada-halaman-web/
https://lmsspada.kemdikbud.go.id/mod/page/view.php?id=57743#:~:text=HTML%20(HyperText%20Markup%20Language)%20adalah,tersebut%20dapat%20ditampilkan%20secara%20benar.
https://www.gotutorid.com/html/tag-dan-elemen/
https://bikin.website/blog/pengertian-www/
1 Komentar
super informatif dan bermanfaat
BalasHapus