All post

Struktur Dasar HTML

Jumat, Juli 07, 2017 0
Assalamualaikum Wr. Wb.

Selamat datang di ProgramPc dalam postingan kali ini kita akan membahas Struktur Dasar HTML.
Struktur HTML yang akan kita bahas kali ini adalah struktur yang sangat sederhana. Sebuah halaman web biasanya memiliki ratusan bahkan ribuan baris, yang ditulis dengan berbagai tag HTML.

Setiap halaman HTML memiliki struktur paling dasar yang terdiri dari : Tag html, tag head, dan tag body. Seperti coba anda buka teks editor disini saya menggunakan Notepad++ buat file baru lalu isi seperti ini.

<html>
  <head>
    <title>ProgramPc</title>
  </head>
<body>
   <p>Selamat Datang Di ProgramPc</p>
</body>
</html>

Lalu save file tersebut dengan nama file.html buka file tersebut dengan cara open with via Mozilla Firefox atau browser yang anda punya.

Tag <html>
Tag ini berfungsi sebagai pembuka dari halaman web. Semua kode HTML harus berada di dalam tag ini. Tag html dimulai dengan <html> dan diakhiri dengan </html>.

 Tag <head>
Tag ini akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.
Tag <title>
Tag ini berfungsi menampilkan title dari sebuah halaman web. Title ini ditampilkan pada bagian paling atas web browser. Contohnya pada file.html, ‘ProgramPc’ akan ditampilkan pada tab browser.

 Tag <body>
Tag ini berisi semua elemen yang tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Dalam merancang web akan banyak waktu yang kita dihabiskan di dalam tag <body> ini.
Perhatikan bahwa setiap tag akan diakhiri dengan penutup tag. Termasuk <html> yang merupakan tag paling awal dari sebuah halaman web.

Cukup sekian postingan kali ini semoga bermanfaat, kurang lebihnya mohon maaf apabila ada kesalahan penulisan kata.

Wassalamualaikum Wr. Wb.

Cara Membuat Heading HTML

Jumat, Juli 07, 2017 0
Assalamualikum Wr. Wb.

Selamat datang di ProgramPc kali ini saya akan membahas tentang Cara Membuat Heading HTML.

 Teks heading adalah sebuah kode HTML yang digunakan untuk mengubah tulisan, biasanya dipakai untuk membuat judul pada sebuah artikel maupun dokumen.

 Teks Heading mempunyai beberapa tingkatan dari H1, H2, H3, H4, H5, sampai H6. Masing-masing memiliki fungsi sebagai berikut:  
  • Tag Heading <h1> : tag ini digunakan pada nama blog/website (jika berada pada homepage) dan akan berubah menjadi <h2> pada halaman posting. 
  • Tag Heading <h2> : tag ini digunakan pada judul artikel blog (jika berada pada homepage) dan akan berubah menjadi <h1> pada halaman posting. 
  • Tag Heading <h3> : tag ini digunakan pada sub-judul atau penjelasan dari judul artikel atau posting, dan bisa juga digunakan pada judul widget. 
  • Tag Heading <h4> : tag ini digunakan untuk judul artikel terkait, komentar atau bisa juga digunakan pada judul widget. 
  • Tag Heading <h5> : tag ini digunakan sebagai nama komentator atau nama pemberi komentar. 
  • Tag Heading <h6> : tag ini digunakan sebagai footer seperti "All Rights Reserved" atau "Powered by Blogger" yang letaknya berada paling bawah.
Untuk membuatnya lebih jelas, silahkan tulis script di bawah ini dengan Notepad atau Notepad++ dan simpan kemudian jalankan di web browser.

<!DOCTYPE HTML>
<html>
 <head>
  <title>Cara Membuat Heading HTML</title>
 </head>
 <body>
  <h1>Teks Heading 1</h1>
  <h2>Teks Heading 2</h2>
  <h3>Teks Heading 3</h3>
  <h4>Teks Heading 4</h4>
  <h5>Teks Heading 5</h5>
  <h6>Teks Heading 6</h6>
 </body>
</html>

Hasilnya akan seperti ini.


Cukup sekian postingan kali ini semoga bermanfaat, kurang lebihnya mohon maaf apabila ada kesalahan penulisan kata.


Wassalamualaikum Wr. Wb.

Pengertian dan Fungsi HTML

Jumat, Juli 07, 2017 0
Assalamualaikum Wr. Wb.
Selamat datang di ProgramPc pada postingan kali ini saya akan menjelaskan Pengertian dan Fungsi HTML.

Pengertian HTML
HTML adalah singkatan dari hypertext markup langunge. HTML adalah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web. Saat ini HTML merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML sebenarnya mirip dengan dokumen biasa, hanya saja dalam dokumen ini anda bisa memberikan instruksi melalui Tag. Dengan menggunakan Tag HTML memungkinkan user 
untuk melakukan fungsi-fungsi berikut ini:
  • Menentukan ukuran dan alur teks
  • Mengintegrasikan gambar dengan teks (in-line)
  • Membuat links
  • Mengintegrasikan file audio dan video
  • Membuat form Interaktif.

Contoh jika anda ingin tulisan yang ditampilkan menjadi tebal maka anda cukup menuliskan
<b>Huruf Tebal</b> maka akan menjadi seperti ini Huruf Tebal.
Tanda <b> berfungsi untuk mengaktifkan instruksi cetak tebal.
Tanda </b> berfungsi untuk menonaktifkan instruksi cetak tebal.

Fungsi HTML

Fungsi dari HTML adalah digunakan untuk membuat sebuah halaman website dan juga menampilkan berbagai informasi yang di inputkan ke dalam html tersebut seperti teks, gambar, video, dan lainnya sehingga bisa di tempilkan melalui web browser. Selain itu HTML juga bisa digunakan untuk membuat sebuah link yang nantinya menuju ke sebuah halaman website lainnya dengan kode tertentu.

 Cukup sekian postingan kali ini semoga bermanfaat, kurang lebihnya mohon maaf apabila ada kesalahan penulisan kata.


Wassalamualaikum Wr. Wb.
Langganan: Postingan (Atom)