Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Wednesday, April 13, 2016

Mengenal Jenis Header dan Paragrap HTML


Oke teman-teman, kali ini saya ingin melanjutkan tutorial yang sebelumnya, Belajar html bagian 1, seperti yang anda baca diatas, kali ini saya akan membahas jenis jenis header dan paragrap yang bisa digunakan pada HTML.

Pada html secara umum diketahui header "<heder> dalam dokumen dibagi menjadi 6 , adapaun klasifikasi dari header ini sangat mudah kita bedakan yaitu dengan melihat efek stelah anda aplikasikan, berikut adalah jenisnya.

<h1>
<h2>
<h3>
<h4>
<h5>
<h6>

Adapun paragrap dalam html biasanya disimbolan dengan kode <p> untuk mengawali paragrap dan kode </p> untuk mengakiri. adapaun jenis atribusi atau tanda yang digunakan dalam pragrap ada 3 yaitu 

<p>    untuk memulai pragrap
<br>   untuk enter atau kebawah
<pre> untuk menulis apa adanya.

Dalam Aplikasinya begini  :

<!DOCTYPE HTML>
<html>
<header>
<title>judul websiteku</title>
</header>
<body>

<h1>aku bisa buat website</h1>
<h2>aku bisa buat website</h2>
<h3>aku bisa buat website</h3>
<h4>aku bisa buat website</h4>
<h5>aku bisa buat website</h5>
<h6>aku bisa buat website</h6>
<p>Ini adalah isi websiteku, aku bisa<p>
<p>Iini adalah isi websiteku,<br>aku bisa<p>
<pre>
Ini adalah isi websiteku,

aku bisa

Ini adalah isi websiteku,

aku bisa

</pre>

</body>
</html>

Seperti biasa, anda buka notepad kemudian paste kode tersebut, dan save dengan nama websiteku2.html, type file : All Files.

Maka hasilnya seperti ini !


Jika Belum Jelas silahkan lihat videonya :


Selamat anda sudah berhasil melewati tahap kedua dari belajar website, silahkan lanjut ketahap selanjutnya : Mulai Memberi Modifikasi Efek HTML

Belajar HTML Bagian 1



Apa itu HTML?



Hyper Text Markup Language (HTML) adalah sebuah bahasa markah (tanda atau kode) yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.





Berdasarkan Definisi diatas dapat kita petakan bahwa HTML secara fungsional merupakan :


  • HTML singkatan H yper T ext M arkup L anguage.
  • Bahasa Markup yang terdari dari  tag markup.
  • Dokumen HTML dijelaskan oleh tag HTML.
  • Setiap tag HTML menjelaskan isi dokumen yang berbeda.
Berikut ini adalah contoh dari Teks Markup (bahasa yang menggunakan kode).


<!DOCTYPE html>
<html>
<head>
<title>Judul Wesite</title>
</head>
<body>
<h1>Kepala Dokumen yang diposting</h1>
<p>Isi atau Paragrap.</p>
</body></html>

  • !DOCTYPE Mendefinisikan jenis dokumenHTML
  • Teks antara <html> dan </ html> isi dokumen HTML yang akan didefinisikan
  • Teks antara <head> dan </ head> tempat penulisan Kepala dari teks HTML
  • Teks antara <title> dan </ title> memberikan judul untuk dokumen
  • Teks antara <body> dan </ body> tempat menulis isi dokumen
  • Teks antara <h1> dan </ h1> menggambarkan judul dengan huruf tebal
  • Teks antara <p> dan </ p> memulai menulis paragrap
Agar Lebih jelas silahkan anda Copy Kode-Kode diatas, kemudian buka Notepad, saran saya silahkan download saja program Notepad++ karna akan sangat membudahkan anda dalam bermain bahasa kode seperti ini.

Adapun pemetaan lebih lejasnya seperti ini !

1.buka Notepad dan Paste Kode yang diatas.



2.Save file dengan nama websiteku.html dan ingat ganti type savenya ke All Files. Oke.. 


3.Silahkan buka website pertama anda di browser apapu, dianjurkan Google Chrome atau firefox ya.:)

4.Hooree...Anda sudah berhasil untuk langkah awal... :)

Untuk Pegenalan sawal sudah selesai.

Jika Belum jelas Silahkan Lihat Video Berikut.



Silahkan Lanjut ketahap kedua : Mengenal Jenis Header dan Paragrap HTML




Full Kurikulum Membuat Website Sampai Bisa Gratis !


Jika anda ingin belajar membuat website, ada beberapa komposisi keilmuan yang harus anda kuasa. 

Yakinlah Ga' ada yang sulit jika anda berusaha, belajar website sama dengan belajar apa saja, yang dibutuhkan adalah fokus dan ada kemauan, hanya itu !..

Dalam waktu 1 bulan bahkan kurang anda mungkin saja bisa, karna membuat website itu ga' sulit. Dijamin !

Untuk Desainya anda membutuhkan kemampuan dalam bidang :
1.Photoshop : Silahkan Baca Tutorial Buat template dengan Photo Shop
2. HTML : Silahkan Baca Tutorial Html
3. CSS   : Silahkan Baca Tutorial  CSS
3.Flash

Untuk Pengaplikasian website agar bisa diakses orang anda butuh :

1.Kemampuan Java/JQuery
2.Punya Hosting.




Incoming Search :
Belajar website
cara belajar website
belajar website gratis
tutorial html
tutorial css
html 5
html tutorial
css tutorial
free website tutorial full
download full ebook website tutorial