Kamis, 20 Februari 2020

Pertemuan Praktikum Web Tehnik Informatika Unika


PRAKTIKUM PEMROGRAMAN WEB
Kamis , 20 Februari 2020

Topic  :  Pengenalan Tag Tag Dasar Pada Html 

I.                    Jenis Jenis Tag Tag Html Besrta Fungsinya
1.       Tag Header  <hn>  à <h1,2,….h6>
è  Membuat Judul dari sebuah Tulisan dengan Ukuran yang berbed beda, Semakin Kecil angka yang bersama h maka semakin besar Tulisan judul ( Header)  yang di Tampilkan.
2.       Tag Paragraph <p>
è  Membuat sebuah Paragraph baru
3.       Tag <hr>
è  Membuat Garis Pembatas secara Horizontal
4.       Tag <pre>
è  Menampilkan Suatu Text yang ingin kita tampilkan sesuai dengan Keinginan kita sendiri, atau bisa dikatakan akan menampilkan text atau paragraph seadanya.

5.       Tag <br>
è  Membuat satu jarak satu baris ke bawah atau melompat satu baris ke bawah.
6.       Tag <a haref = “”>
è  Membuat satu link untuk menghubungkan antara file data yg satu ke file data yang lain.



2.  Penggunaan Tag Tag pada Html :
1.       Tag  <hn>
Cth coding :
<html>
<head>
            <title> Praktikum 1.1 </title>
</head>
<body>
            <h1> FIKOM UNIKA st.Thomas Medan <h1>
</body>
</html>

Dan Hasil Dari Koding Diatas pada Browser :


2.       Tag  <p>
Cth coding Untuk membuat satu paragraph :
<html>
<head>
            <title> Praktikum 1.1 </title>
</head>
<body>
            <h1> FIKOM UNIKA st.Thomas Medan <h1>

            <p>Fakultas Ilmu Komputer Universitas Katolik St.Thomas Medan.
            Merupakan satu fakultas Yang berada di bawah naungan yayasan st.Thomas Medan.
            Fikom Unika Memiliki dua Program Studi , yaitu : Tehnik Informatika dan Sistem informasi.
            Kedua Program Studi tersebut sudah terakreditasi</p>
</body>
</html>

Dan Hasil dari coding yang kita buat : 








3.       Tag  <pre>
Cth Coding Untuk Membuat sebuah text seadanya :
<html>
<head>
            <title> Praktikum 1.1 </title>
</head>
<body>
            <h1> FIKOM UNIKA st.Thomas Medan <h1>

            <p>Fakultas Ilmu Komputer Universitas Katolik St.Thomas Medan.
            Merupakan satu fakultas Yang berada di bawah naungan yayasan st.Thomas Medan.
            Fikom Unika Memiliki dua Program Studi , yaitu : Tehnik Informatika dan Sistem informasi.
            Kedua Program Studi tersebut sudah terakreditasi</p>

            <h1>Tehnik Informatika</h1>

<Pre>   Tehnik Informatika merupak salah satu Prodi Di Fakultas Ilmu Komputer Universitas Katolik St.Thoma Medan.
Dimana Prodi Tehnik Informatika Telah Mencapai akreditasi B Untuk Periode TA 2018/2023.
Dan Harapan Untuk Kedepannya Akan tetap Demikian dan Lebih Biak Lagi Ke Akreditasi A.
Ke unggulan Mahasiswa Tehnik Infromatika adalah mampu menguasai berbagai tehnik tehnik untuk membuat suatu program , ataupun website.
            Di ajari oleh dosen dosen Berpengalaman Tinggi .
            dan tentunya memiliki kualitas yang sangat Baik.
            Tehnik Informatika The Best
            UNIKa JAYA , FIKOM SATU , TI the best</pre>

</body>
</html>
Dan hasil untuk Tampilas Pada Browser : 



4.       Tag  <hr>
Cth Coding Untuk Membuat satu garis Horizontal : 


Dan Tampilan Setelah Di jalankan pada Browser :




5.       Tag  <img src : “”>
Cth Coding Untuk menampilkan Gambar pada web site :



6.       Tag  <a haref = “” >
Cth Coding Untuk Membuat Sebuah Link 




Tampilan Pada Browser :


Jika kita click pada menu profil akan tampil :



Jika kita click pada menu Jadwal akan tampil :





Demikian Hasil Pembelajaran pada pertemuan Pertama

Pemrograman Web Tehnik Informtika UNIKA ST.Thomas 

TERIMA KASIH






Disusun Oleh :

Nama  : Irwan amriando Purba
NPM   : 180840001
Prodi   :  Tehnik Informatika
Dosen Pengampu  :  Wasit Ginting S.Kom, M.Kom

3 komentar:

  1. sangat bagus tapi ada yang kurang .itu tolong diperbaiki cara penulisan nya ada beberapa tadi saya lihat ada yang kurang dalam penulisan

    BalasHapus