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

Cara setting Handler Mapping pada IIS

 Masih terkait pengaturan Internet Information Service atau IIS,kali ini admin akan bagikan cara mengkonfigurasi Handler Mapping pada IIS,untuk Handler Mapping sendiri biasanya di gunakan untuk pengaturan pada PHP file,yang mana PHP file biasanya kita set pada C:/ php,jika kita gunakan IIS.berikut langkah untuk mengatur Handler Mapping pada IIS.tapi sebelumnya sobat sudah download file yang di perlukan seperti mysql Community,PHP,PHPmyadmin.dan sudah melakukan setting terhadap ketiga file tersebut.lihat gambar di bawah,untuk konfigurasi IIS Terlihat pada gambar di atas tampilan dari IIS,sebagai langkah awal kita akan konfigurasi pada bagian nomer 1,Handler Mapping,double klik untuk lakukan pengaturan,selanjutnya kita pilih Add Module Mapping. maka akan tampil seperti pada gambar di bawah ini Masing-masing keterangan pada angka sobat isi sebagai berikut isi dengan *.php Sobat cari FastCGIModule C:\php\php-cgi.exe (dimana folder php berada lalu pilih php-cgi ) PHP FastCgiModule Reque...
Posting Komentar
Baca selengkapnya

Download kontak form elegan css php

 Fungsi kontak form,adalah sebagai tempat atau sebagai media untuk seorang user yang ingin bergabung dalam sebuah program online,apa saja data yang biasanya di perlukan,tentu saja yang utama dari kontak form adalah Name,Email,keterangan,serta phone number,dan biasanya berbeda-beda tergantung pemilik sebuah website membuat kontak form,untuk usernya.  Berikut admin akan bagikan sebuah kontak form,dengan tampilan sederhana,background pada bagian <body>.serta menggunakan css modal body,sebagai outer wrappernya,lihat pada gambar di bawah ini. pada tampilan di atas adalah sebuah kontak form,yang pada sebelah kiri berfungi untuk kembali ke homepage,serta bisa berfungsi sebagai pengiriman surel ke admin sebuah website.hanya sebagai contoh dari yang saya buat di atas,selanjutnya sobat bisa berkreasi sendiri.berikut scriptnya,jika sobat menggunakan localhost,bisa simpan file form kontak dengan nama,terserah sobat,yang tentunya mudah kita ingat.berikut copas scriptnya CSS,simpan de...
Posting Komentar
Baca selengkapnya

modifikasi template bawaan blogger

   Jika sobat sobat mengunakan template bawaan dari blogger,memang terkesan biasa saja,tetapi di sini ada keunggulan yang bisa kita dapatkan,seperti dapat mengubah background dengan gambar dengan cara upload file gambar di komputer ,warna heading,atau mengubah tampilan warna pada heading menyesuaikan lebar,mengubah font,diskripsi blog langsung di bagian penyesuaian,bagi yang ingin mengunakan template bawaan blogger tapi ingin modifikasi tampilan ikuti langkah-langkah di bawah   Pertama klik template, lalu klik sesuaikan ,maka akan terlihat menu opsi untuk mengubah mulai dari latar belakang/background, berfungsi untuk mengubah tampilan latar belakang dengan file gambar yang ada di komputer kita,terus untuk opsi sesuaikan lebar, bisa tinggal geser dengan mouse sobat untuk menentukan lebar border sesuai yang sobat kehendaki terus untuk bilah kiri dan kanan, berfungsi untuk ukuran lebar postingan dan opsi author,atau label,arsip  Untuk fungsi tata letak, mempunyai fungsi...
Posting Komentar
Baca selengkapnya