Rabu, 08 April 2020

PENGENALAN TAG-TAG DASAR PADA HTML



PRAKTIKUM PERTEMUAN  PERTAMA
MATERI :  PENGENALAN TENTANG TAG-TAG DASAR PADA HTML
                HTML (hyperTexk markup language) adalah suatu bahasa standar untuk membuat web
Berikut ini adalah tag-tag utama pada html

<html>
<head>
       <title>praktikum 1.1</title>
</head>
<body>
<h1>BELAJAR HTML</h1>
<P> Hick's Law is applicable to menu design. It helps in designing menu hierarchy and depth. When we have too many choices (long hierarchy as shown in the screenshot below) we need to cognitively categorize items to reduce the time taken to select an item at any stage. The logarithmic function of Hick’s Law decides the depth of hierarchy of the menu tree.  </p>
</body>
</html>


Keterangan dari contoh kode di atas
kita memiliki tag html lalu di dalamnya terdapat tag head ,title dan hoby.
Penulisan tag pembuka adalah <html> dan tag penutup adalah </html>, perbedaan antara tag pembuka dan tag  penutup adalah hanya terletak pada garis miring itu saja.
Tag <html></html> adalah  sebagai tempat kode-kode di html,jika tidak ada tag ini kode yang kita buat tidak akan jalan atau tidak berfungsi.
Tag <head></head>  adalah untuk menyimpan informasi dari sebuah halaman seperti  title.
Tag <title></title> adalah menampilkan judul pada sebuah halaman.


Tag <body></body>  adalah berisikan informasi yang akan di tampilkan di browser



Tag <h1></h1> adalah  menampilkan sebuah judul pada halaman web
Dimana untuk menampilkan judul ada 6 berdasarkan besar huruf ya di tampilkan yaitu dari h1-h6 ,yang kita ginakan adalah h1,dan hasilnya adalah seperti di bawah ini.


Gimana kalau menggunkan h2, maka akan tampil seperti di bawah ini
Dimana akan tampil lebih kecil, begitu juga dengan seterusnya,maka kita akan menggunakanya sesuai dengan kebutuhan kita.


Tag <p></p> adalah untuk membuat sebuah paragraph

Maka dari hasil kode yang kita buat di atas maka akan tampil seperti




 


Menggunakan tag-tag pada kode html seperti di bawah ini                                 
<html>
<head>
       <title>praktikum 1.1</title>
</head>
<body>
<h1>BELAJAR HTML</h1>
<P><b> Hick's Law </b>is <sup>applicable</sup> to menu <sub>design</sub>. It helps in designing menu hierarchy and depth. When we have too many choices<u> (long hierarchy as shown in the screenshot below)</u> we need to <i>cognitively categorize</i> items to reduce the time taken to select an item at any stage. The logarithmic function of Hick’s Law decides the depth of hierarchy of the menu tree.  </p>
<pre>2+2=4 =>maka logikanya adalah bernilai benar</pre>
<marquee>giraldo silitonga</marquee>
</body>
</html>

Setelah itu kita akan menggabungkan beberapa tag-tag lagi di dalam kode html yang kita buat sebelumnya, kita gunakan seperti tag-tag seperti:
1)      Tag <b></b> =>  tulisan bolt


2)      Tag <i></i> =>  tulisan miring


3)      Tag <U></U>  =>  membuat garis bawah tulisan


4)      Tag <sup></sup> superscrip


5)      Tag <sub></sub> superscript


6)      Tag <pre></pre> tulisan apa adanya


7)      Tag <marquee></marquee> => membuat tulisan atau gambar berjalan di halaman wed

Teks yang kita buat dalam kode tersebut maka teks akan berjalan



Sekian dari penjabaran hasil praktikum  pada pertemuan pertama PEMROGRAMAN WEB,
Semoga bermanfaat ,oleh karena itu saya ucapkan terimakasih.



NAMA    : GIRALDO SILITONGA
NPM        :  180840009
PRODI     : TEHNIK INFORMATIKA
dosen  pengampuh  :  WASIT GINTING S.KOM ,M.KOM



               

Tidak ada komentar:

Posting Komentar