Showing posts with label Web Design. Show all posts
Showing posts with label Web Design. Show all posts

Belajar HTML Membuat Paragraf Pada HTML

1/31/2017 0
Untuk memahami pembuatanparagraf<p> pada HTML, diharapkan anda terlebih dahulu sudah memahami penulisan dan apa itu tag, element,atribut. paragraf disini merupakan suatu tag untuk membuatpenulisan dalam bentuk paragraf. tagparagraf initerdapat 3/atribut  tag yang bisa dikombinasikan langsung dengan tag paragraf <p>. atribut tag tersebut yaitu :

  • Membuat paragraf rata kiri menggunakan <palign=”left”> .. isi paragraph </p>
  • Membuatparagraf rata kanan menggunakan <palign=”right”> .. isi paragraph </p>
  • Membuatparagraf rata tengah menggunakan <palign=”center”> .. isi paragraph </p>
  • Membuatparagraf rata kiri kanan menggunaan <palign=”justify”> .. isi paragraph </p>

perhatikan contoh berikut :Paragraf menggunakan <p>berikut inplementasi <p> dalam dokumen HTML :
<!DOCTYPE html>
<html>
<head>

<title>belajar membuat paragraf</title>
</head>
<body>

<p>inimerupakan penulisan paragraf pertama dalam dokument HTML</p>
<p>ini merupakan penulisan paragraf kedua dalam dokument HTML</p>
</body>
</html>

Dari contoh di atas dapat anda lihat bahwa penulisan paragraf pertama dan paragraf kedua di pisahkan. untuk memisahkan antara paragraf satu dan dua inimenggunakana <p>.
Sekarang saya akan menjelaskan beberapa jenis paragrap,di antaranya :
Paragraf rata kiri<p align="left">1.ini merupakan penulisan paragraf rata kiri dalam dokumentHTML</p>
Paragraf rata kanan<p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>
paragraf rata tengah<p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>
paragraf rata kiri kanan<p align="justify">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>

Berikut contoh lengkapnya :

<!DOCTYPE html>
<html>
<head>
<title>
belajar membuat paragraf</title>
</head>
<body>
<p align="left">
1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p>
<p align="right">
2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>
<p align="center">
3.ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>
<p align="justify">
4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>
</body>
</html>




Semoga dengan penjelasan yang sederhana dari saya ini sobat bisa tau cara penulisan paragraf dan jenis paragraf pada blog atau website. Semoga artikelnya bisa membantu dan bermanfaat. Terimakasih

Belajar HTML Format Text Pada HTML

1/31/2017 0






Dalam penuliasan HTML sangat sering menggunakan format text didalamanya. baik itu dalam penulisan judul, ataupun isi dari content/halaman website sendiri. Berikut beberapa penjelasan dan
contoh dari Format Text Pada HTML.

Format Text Pada HTML

Ada beberapa format text yang umumnya di gunakan, di antaranya adalah:
Membuat huruf tebal (bold) pada HTML

Untuk membuat teks menjadi tebal padatampilan halaman web, bisa menggunakan tag <b> berikut contoh syntax HTML untuk membuat format text tebal :
<b>ini text tebal</b>
Membuat huruf miring (italic) pada HTML
untuk membuat teks miring pada HTML, kita bisa menggunakan tag <i>.contohnya :
<i>ini text miring</i>
Membuat huruf bergaris bawah (underline) pada HTML
untuk membuat teks underline/garis bawah pada HTML kita bisa menggunakan tag <u> contohnya :
<u>ini text underline</u>
Berikut contoh penulisan tag/element format text di yang sudah di pelajari di atas :

<!DOCTYPE html>
<html>
<head>
<title>belajar format format text</title>
</head>
<body>
<b>ini format format text tebal</b><br/>
<i>ini format text italic</i><br/>
<u>ini format text underline</u><br/>
<em>ini format text em</em><br/>
<small>ini format text small</small><br/>
<strong>ini format text strong</strong><br/>
<sub>ini format text sub</sub><br/>
<sup>ini format text sup</sup><br/>
<ins>ini format text ins</ins><br/>
<del>ini format text del</del><br/>
<mark>ini format text mark</mark>
</body>
</html>







Semoga sobat bisa mengerti dengan apa yang sudah saya jelaskan di atas. Terimakasih

Belajar HTML Heading Pada HTML

1/31/2017 0




Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. element tag heading ini memiliki 6 tingkatan yang berurutan yaitu
<h1>
<h2> 

<h3>
<h4>
<h5>
<h6>

yang bisa digunakan untuk menambah ke struktur halaman web. perbedaan masing-masing heading yaitu besar hingga kecil teks. contohnya tag/element <h1> lebih besar dari element/tag <h2> dan seterusnya.

Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/element heading yang sering digunakan pada pengolahan halaman web :

<h1> adalah heading yang digunakan untuk penulisan judul utama dari dokumen
<h2> adalah heading yang digunaakan sebagai sub dari <h1>
<h3> adalah heading yang digunakan sebagai sub dari <h2>
untuk penggunaan <h4> <h4> <h5> <h6> tergantung programmer sendiri untuk memperindah halaman web sesuai keperluan.berikut contoh penerapan masing-masing element/tag heading :

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>ini adalah heading 1</h1>
</body>
</html>





Contoh lainnya:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>ini adalah heading 1</h1>
<h2>ini adalah heading 2</h2>
<h3>ini adalah heading 3</h3>
<h4>ini adalah heading 4</h4>
<h5>ini adalah heading 5</h5>
<h6>ini
adalah heading 6</h6>
</body>
</html>




Dari contoh diatas,dapat anda lihat perbedaan antara masing-masing heading.penulisan heading ini boleh digunakan d idalam jenis tag yang lain. berikut contoh penggunaan element heading di dalam tag lain :

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="http://www.ariez28juli.blogspot.com/"><h1>ini adalah heading 1 </h1></a>
</body>
</html>

contoh diatas yaitu penggunaan tag heading yang berada dalam tag <a>.sedangkan atribut href digunakan untuk menghubungkan dengan dokumen/link yang lain. ketika diklik pada “ini adalah heading 1” maka halaman akan di alihkan ke halaman http://ariez28juli.blogspot.com.

Sekian pembahasan tentang heading dari saya, semoga dengan apa yang saya bagikan dapat membantu sobat semua. Mudah-mudahan artikelnya bisa bermanfaat dan berguna. Terimakasih


.

Belajar HTML Memilih Text Editor HTML

1/28/2017 0

Untuk sobat yang baru mau belajar bahasa pemrograman, disini khususnya pemrograman web, tentulah berfikir bagaimana sobat membuat, dan apa yang harus sobat gunakan untuk membuat program? berikut kami sediakan jawaban yang mungkin terbesit dalam hati/pikiran sobat yang baru mau belajar bahasa pemrograman web. sebelum kita memulai cara penulisan HTML terlebih dahulu yang harus anda sediakan adalah text editor dan browser.

Text Editor merupakan aplikasi yang digunakan untuk menulis syntax atau kode program, disini khususnya untuk penulisan kode program HTML itu sendiri. Text editor sendiri sangatlah banyak yang bisa digunakan untuk penulisan kode HTML, contohnya seperti Notepad yang disediakan oleh sistem operasi windows, Textedit yang disediakan oleh sistem operasi Mac dan Nano yang disediakan oleh sistem operasi linux. Text editor berbeda dengan Word Processor (Microsoft Word, King Soft, WordPerfect). Itu dikarenakan text editor tidak bisa digunakan untuk mengatur format document serta tidak disediakan fitur-fitur yang bisa digunakan untuk desktop publishing.

Browser merupakan aplikasi yang akan kita gunakan untuk menjalankan code program html yang sudah kita tulis. browser ini ialah syarat yang harus anda penuhi jika anda belajar web programing. untuk browser itu sendiri bisa digunakan yang sudah disediakan oleh sistem operasi langsung ataupun bisa juga digunakan aplikasi browser yang lain seperti: Mozilla Firefox, Opera, Chrome dan sebagainya.

Memilih text editor yang sesuai dengan keinginan

Berikut beberapa text editor yang kami sarankan untuk digunakan dalam penulisan code program bagi anda yang baru belajar bahasa pemrograman.

  • Sublime Text Editor 
Sublime Text editor adalah text editor yang paling banyak digunakan oleh programer, text editor ini memiliki tampilan yang elegan, yang khas dengan warna kecoklatannya. Text Editor ini tersedia untuk windows, Mac, dan Linux. Untuk anda yang ingin menggunakan sublime bisa di download dari situs resminya langsung, yaitu di https://www.sublimetext.com/ 

Sublime Text Editor

  • Notepad ++
Text editor ini bisa digunakan untuk windows dan free licence (dalam artian bebas digunakan tanpa mengeluarkan biaya). Text Editor ini memiliki ciri khas tersendiri dan banyak fitur-fitur yang bisa diinstal di text editor ini. untuk anda yang ingin menggunakan text editor notepad++ bida di download pada situs resminya, yaitu https://notepad-plus-plus.org/.
Notepad ++


  • Atom
Text editor ini hampir sama dengan sublime namun text ini agak sedikit lebih berat jika dibandingkan dengan sublime. Text Editor ini bisa digunakan oleh platform Mac, Windows, dan Linux.Untukanda yang ingin menggunakan text editorini bisa di download di https://atom.io/ .
atom

  • Brackets 
Text editor ini memiliki kriteria tersendiri dan hampir sama dengan Atom. Text editor ini bisa digunakan untuk Platform Mac, Windows dan Linux. untuk anda yang ingin bergelut denganbrackest bisa di download di http://brackets.io/ .
Brackets



  • Netbeans 
Text editor ini merupakan salah satu favorit programer. namun text editor ini bisa di kategorikan lebih berat dari text editor lain yang disebutkan di atas. kemudahan text editor ini adalah tampilan kode program yang ditulis lebih rapi. untuk anda yang ingin menikmati editor inibiasdi downloaddi situs resmi netbeans, yaitu di https://netbeans.org/ .
Netbeans


Nah, itulah beberapa list text editor yang bisa digunakan untuk menulis kode HTML. Text editor ini selain bisa digunakan untuk menulis kode html bisa juga untuk menulis kode program lainnya seperti PHP,CSS, JavaScript, dan beberapa kode programuntuk dektop.

Jadi kesimpulannya, sebelum memulai penulisan kode program, yang harus anda penuhiterlebih dahulu adalah memilih salah satu text editor yang akan anda digunakan dan browser untuk menjalankan code program.

Belajar HTML Mengenal HTML Dan Pengertian HTML

1/28/2017 0
html

  •  Mengenal HTML
Apa itu HTML ? mungkin pertanyaan inilah yang terbersit pada benak anda yang barumulai masuk kedalam dunia web programming. HTML merupakan bahasa pemrograman dasar yang wajib di kuasai bagi seorang web developer. karena HTML merupakan unsur dasar dari pembangunan sebuah website. jika di ibaratkan HTML menjadi pondasi pada sebuah rumah atau bangunan. karena bentuk pada halaman website di buat menggunakan HTML. pada judul “Belajar HTML Dasar : Pengertian HTML”ini akan di jelaskan tentang pengertian dari HTML dan sekilas tentang sejarah HTML dan perkembangannya.

  •  Pengertian HTML
HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website. Di dalam dunia pemrograman berbasis website(Web Programming), HTML menjadi pondasi dasar pada halaman website. sebuah file HTML di di simpan dengan ekstensi .html (dot html). dan dapat di eksekusi atau diakses menggunakan web browser(Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain). seperti yang sudah di jelaskan, HTML adalah dasar dari sebuah website. untuk membuat sebuah website tidak cukup hanya menggunakan HTML, kita memerlukan bantuan CSS, JavaScript dan PHP untuk membuat sebuah website yang dinamis. jika halaman website dibuat hanya menggunakan HTML saja maka halaman website tersebut di sebut halaman statis karena tidak memiliki aksi atau fungsi-fungsi yang dapat mengelola website. tentu developer akan sangat di sibukkan dengan harus mengubah lagi file HTML setiap ingin mengupdate artikel.

HTML memiliki beberapa element yang tersusun dari tag-tag yang memiliki fungsi nya masing-masing. seperti tag heading, paragraf, pembuatan form, tombol, list, membuat hyperlink atau link yang menghubungkan antar halaman website dan banyak lagi lainnya. 

  • Kegunaan HTML
HTML berfungsi sebagai pondasi sebuah halaman website. adapun yang dapat di lakukan dengan HTML adalah sebagai berikut :
  1. Membungkus element-element tertentu sesuai kebutuhan. 
  2. Membuat heading atau format judul. 
  3. Membuat Tabel. 
  4. Membuat List. 
  5. Membuat Paragraf. 
  6. Membuat Form. 
  7. Membuat Tombol. 
  8. Membuat huruf tebal. 
  9. Membuat huruf miring. 
  10. Menampilkan gambar. 
  11. Menampilkan video.
Dan banyak lainnya yang akan kita pelajari pada penjelasan selanjutnya. Sampai saat ini HTML sudah sampai pada versi 5. HTML5 sudah memiliki banyak sekali fitur tambahan salah satunya, dengan HTML5 memungkinkan kita untuk membuat streaming video tanpa bantuan adobe flash. untuk tutorial cara membuat streaming video dengan HTML5 juga akan kita bahas pada pada tutorial belajar HTMLdasar ini.

Jadi kesimpulan dari pengertian HTML ini adalah HTML merupakan pondasi dasar dari pembuatan sebuah website. untuk mengeksekusi atau menjalankan file html harus menggunakan web browser dan file html di simpan dengan ekstensi .html(dot html).

Sampai di sini penjelasan HTML dari saya semoga penjelasan tentang HTML di atas dapat membantu dan bermanfaat buat sobat. Terimakasih