Langsung ke konten utama

mengenal fungsi-fungsi kode html dalam membangun website

  Halo sobat web design kali ini admin akan berbagi kode-kode dalam membangun sebuah website,langsung saja berikut penjelasan dari kode html,
(<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
(<html xmlns="http://www.w3.org/1999/xhtml">)Kode ini menjelaskan bahwa type sebuah halaman website mengunakan html dan ter vadilasi dengan (http://www.w3.org/1999/xhtml),selanjutnya di bawah kode tersebut kita menemukan script untuk bahasa penulisan atau pengcodean dengan (<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />)
-sedangkan fungsi dari script (<title>nama judul</title>,adalah fungsi untuk membuat judul sebuah website
-untuk fungsi CSS kita mengunakan<link rel="stylesheet" href="contoh.css" type="text/css" />
-fungsi ini script ini adalah untuk menutup semua script mulai dari <!DOCTYPE html PUBLIC sampai <link rel </head>
-Fungsi script  <body> adalah awal atau memulai kita membuat navbar,content,metadata,section link,pagename dan masih banyak fungsi lainya tergantung dari rancangan website yang akan sobat buat<body>
 
  Kita lanjut ke session  berikutnya script di bawah <body> kita akan bahas satu persatu lihat script html di bawah ini
1.<div id="#"> fungsi ini untuk memanggil file CSS
2.<h1 id="siteName">tutorial web design kediri</h1> atau heading satu isi dengan nama situs yang di rancang atau di buat
3.script di bawah berfungsi untuk membuat navigasi atau menu utama pada website.
4.<div id="globalNav"> <a href="#">home</a> | <a href="#">about</a> | <a href="#">download</a> |<a href="#">php</a> | <a href="#">java script</a> | <a href="#">css</a> | <a href="#">phpmyadmin</a> </div> untuk hasil tampilan lihat contoh gambar di bawah
  Lanjut ke pembahasan untuk membuat script untuk content,ada beberapa yang harus kita ketahui,lihat script di bawah
1.untuk memangil file CSS yang akan mengatur tampilan dan posisi dari kontent<div id="content">
2. menambahkan file gambar <div class="feature"> <img src="href=alamat file gambar tesimpan"   alt="" width="250" height="250" />
3.judul dari kontent yang akan kita buat,dan mententukan ukuran teks<h3>judul artikel atau kontent </h3>
4.paragraf dari awal sampai akhir kontent<p> isi dengan artikel yang akan di sampaikan  </p>
  </div>
untuk tampilan script di atas bisa lihat pada gambar di bawah:
  Demikian sedikit penjelasan bagaimana sebuah website berdiri,semoga bisa bermanfaat dan menambah wawasan kita,bila ada yang ingin menambahkan atau berkomentar silahkan saja saya tunggu.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Mengubah kode java script yang di proteksi dengan HEX

 Biasanya sebuah kode javascript yang di proteksi dengan pengkodean HEX,biasanya tujuan para pembuat file java script, sengaja memproteksi,supaya dokumen yang di buat bisa aman dan tidak mudah untuk di hack,atau pun di tiru,tetapi di sini hanya sebagai referensi yang bertujuan sebagai media pembelajaran,admin webdesign akan bagikan cara mengubah file javascript yang di proteksi dengan mengconvert menjadi kode HEX.  Sebuah tools online yang bisa sobat coba gunakan untuk membuka file dari JS yang di konvert,tetapi sebelumnya admin akan sedikit memberi penjelasan seperti apa ya script JS yang di proteksi dengan kode HEX,lihat tampilan script file javascript di bawah ini yang di konvert oleh para pembuat,dan biasanya di gunakan untuk proteksi credit link,seperti file HTML,XML,PHP, ["\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\x74\x63\x68\x4D\x65\x64\x69\x61","\x6D\x61\x74\x63\x68\x65\x7...
Posting Komentar
Baca selengkapnya

Panduan menginstal wordpress di lokalhost

 Halo sobat ,kali ini admin akan berbagi cara mengkonfigurasikan wordpress yang baru kita download,sebenarnya cara mensetting untuk CMS Wordpress sanngatnlah mudah,tetapi jika sobat belum memiliki filenya,sobat bisa download langsung di situs resminya .  Langsung saja ,jika sobat ingin melakukan konfigurasi menginstal worpress di localhost,langkah pertama kita Extrack dahulu filenya,yang baruan kita download,setelah itu tahap berikutnya kita buka folder dalam Wordpress kita.maka tampilannya akan seperti gambar di bawah ini. Langkah berikutnya kita akan rubah  dahulu file (wp-config-sample.php) menjadi (wp-config.php),lihat seperti pada gambar di atas.setelah itu kita buka notepad ++ untuk mengedit file di dalamnya,lihat gambar di bawah Ini bagian file yang harus kita ubah,untuk keterangan nomor (1 ) kita buat database di Phpmyadmin dengan nama (wordpress) ,Selanjutnya untuk nomor (2) nama user,biasanya sewaktu kita menginstal Mysql ,adalah (root) maka ketikkan (root) untu...
Posting Komentar
Baca selengkapnya

How to make a picture slideshow responsive navigation below

How to make a picture slideshow responsive which I will share very easy, pal just open the settings of bloggers , we open up the layout, and add HTML or javascript, and stay on our store, and it's up to the code you want to save anywhere, the advantages of installing a script that I share is that you without having to change a part of the HTML template, but the drawback is you have to set the link that is in which I will share the first step in on blogger layouts , see below. as in the view of the above, for the numbers 1, we click on it, then we will see a popup, and from there we select Java script / html, as in the view below then enter the code which I will share in the textarea below, for the title blank The following javascript code and simply copy and paste it, but before do not forget you have to change the links that are in it , as I will share below. < link rel = 'stylesheet' id = 'camera-css' href = 'http://project.dim...
Posting Komentar
Baca selengkapnya