Home Posts filed under Web
Showing posts with label Web. Show all posts
Showing posts with label Web. Show all posts

Monday, August 8, 2016

| ✔ Rifqi

Tag HTML Paragraphs

HTML < p > mendefinisikan sebuah paragraf, Berikut adalah tag yang digunakan :
tag Html untuk pembuatan sebuah paragraf
tag Html untuk pembuatan sebuah paragraf


<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

Tampilan HTML Anda tidak bisa yakin bagaimana HTML akan ditampilkan. Besar atau kecil layar , dan jendela ukurannya akan menciptakan hasil yang berbeda. Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris ekstra dalam kode HTML Anda. Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan :

Browser secara otomatis menambahkan beberapa ruang putih ( margin ) sebelum dan sesudah paragraf
<p>
  Ini adalah paragraf
  Ini adalah paragraf
  Ini adalah paragraf
  Ini adalah paragraf
</p>
Read More

Sunday, August 7, 2016

| ✔ Rifqi

Tag HTML Headings

Html Headings ini biasanya digunakan untuk Judul yang penting dalam dokumen HTML
Judul didefinisikan dengan < h1 > sampai < h6 > tag .
Contoh Pembuatan tag HTML Heading menggunakan aplikasi text editor
< H1 > mendefinisikan heading yang paling penting . < H6 > mendefinisikan heading yang paling tidak penting

Contoh tag HTML heading  :

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

Browser secara otomatis menambahkan beberapa ruang putih ( margin ) sebelum dan sesudah heading

Apakah Sebuah Judul itu Penting ?
Mesin pencari menggunakan judul untuk mengindeks struktur dan isi dari halaman web Anda .
Pengguna skim halaman Anda dengan judul nya. Hal ini penting untuk menggunakan judul untuk menunjukkan struktur dokumen .
<H1> heading harus digunakan untuk judul utama , diikuti oleh <h2> judul , maka kurang penting <h3> , dan sebagainya .
Judul Gunakan HTML untuk judul saja. Jangan gunakan judul untuk membuat teks BESAR atau tebal .
Aturan Horizontal HTML
The < hr > mendefinisikan istirahat tematik di halaman HTML , dan yang paling sering ditampilkan sebagai aturan horisontal .
The < hr > elemen digunakan untuk memisahkan konten ( atau menentukan perubahan ) dalam sebuah halaman HTML :

contoh tag Html Heading
Contoh tag Html Heading
HTML <head > Elemen
HTML <head > elemen tidak ada hubungannya dengan judul HTML .
<Head > elemen merupakan wadah untuk metadata . metadata HTML adalah data tentang dokumen HTML . Metadata tidak ditampilkan .
<Head > elemen ditempatkan di antara < html > tag dan <body > tag :

Read More
| ✔ Rifqi

Daftar Aplikasi Text Editor untuk HTML

Menjadi seorang programmer tentunya tidak jauh jauh dengan yang namanya Coding. Sedangkan malakukan Coding paling tidak memerlukan yang namanya "Senjata", Senjata yang dimaksud bukanlah senjata pada umumnya, melainkan sebuah "aplikasi", yakni aplikasi yang wajib dimiliki seorang programmer. Salah satu aplikasi yang sangat membantu programmer dalam proses memprogram adalah aplikasi text editor.

Daftar Aplikasi HTML Text Editor, Daftar Aplikasi Text Editor Terpopuler, Pemilihan Text Editor paling Tepat
Daftar Aplikasi HTML Text Editor, Daftar Aplikasi Text Editor Terpopuler, Pemilihan Text Editor paling Tepat

Mungkin kalian sudah familiar dengan notepad. Ya, itu adalah salah satu aplikasi text editor yang sangat melegenda sampai saat ini. Produk asli dari windows. Namun, sebenarnya masih ada banyak lho aplikasi text editor.


  1. Notepad
    Semua pengguna Windows pasti tahu tentang Notepad. Yaitu sebuah text editor simple yang sudah ada sejak Windows 1.0 di tahun 1985. Dimana fungsi Notepad dianggap masih sama saja dari dulu. 
  2. Notepad ++
    Notepad++ merupakan software gratis yang sangat membantu sobat yang ingin edit HTML atau buat sobat programmer, karena bahasa program yang didukung aplikasi ini juga banyak. Kamu tertarik? Silahkan dilihat dulu di website resminya di http://notepad-plus-plus.org/ disana kamu bisa langsung download untuk versi terbarunya.
  3. Sublime Text
    Aplikasi yang satu ini merupakan aplikasi edit text atau HTML yang banyak disukai oleh programmer termasuk oppung. Selain tampilannya yang menarik, ada lagi satu hal yang membuat oppung senang kalau lagi mengedit HTML menggunakan Sublime Text ini, karena backround text editnya banyak pilihan, dan juga lebih unggul untuk autocompletion text dibandingkan notepad++. Kamu tertarik langsung download ke websitenya http://www.sublimetext.com/
  4. Atom
    Atom adalah program editor teks dan source code berlisensi free open source untuk OS X, Linux, dan Windows. Program ini mendukung plugin berbasis Node.js serta memiliki sistem kontrol versi Git terintegrasi yang dikembangkan oleh Github, Inc.
    Atom berbasis Chromium dan ditulis dalam bahasa CoffeeScript, dan kerap dipergunakan dalam kapasitas penuh sebagai IDE.
    Silakan berkenalan lebih dalam dengan Atom di laman atom.io atau download langsung di github.com/atom/atom/releases
  5. CKEditor
    CKEditor adalah Aplikasi  yang siap pakai untuk editor teks terutama HTML, aplikasi ini dirancang untuk menyederhanakan pembuatan konten web.editor ini telah menggunakan WYSIWYG menggunakan fitur umum yang dipakai dalam bahasa HTML sehari-hari sehingga aplikasi inti mampu membantu meningkatkan kecepatan dalam membuat website anda. Untuk download bisa ke websitenya http://ckeditor.com/download
  6. Komodo Editor
    Komodo Editor adalah editor untuk membuat bahasa pemrograman yang dinamis seperti Perl, PHP, Python, Ruby, dan Tcl, ditambah JavaScript, CSS, HTML, dan XML, dan bahasa template yang seperti RHTML, Template-Toolkit, HTML-smarty dan Django. Membuat Programer bisa lebih mudah dalam membuat program tersebut. Download di http://www.activestate.com/komodo-edit/downloads
  7. Aptana
    Aptana Studio adalah Base Editor Opensource paling lengkap yang meliputi dukungan untuk membuat aplikasi berbasi Ruby dan Rails, PHP, dan aplikasi Python,serta mendukung editing Untuk  HTML, CSS dan JavaScript . Download di http://www.aptana.com/products/studio3/download
Read More

Tuesday, July 5, 2016

| ✔ Rifqi

Elemen Elemen pada Html

HTML Elements
Sebuah elemen HTML biasanya terdiri dari tag awal tag dan akhir, dengan konten yang dimasukkan di antara:
elemen elemen pada html
elemen elemen pada html

<Tagname> Konten sini ... </ tagname>
Elemen HTML adalah segalanya dari awal tag ke tag akhir:

<P> paragraf pertama saya. </ P>
Beberapa elemen HTML tidak memiliki tag akhir, seperti unsur Situs (yang menunjukkan satu baris).
contoh tag html tidak memiliki tag akhir adalah :
<br> tag tersebut berfungsi sebagai membari barus baru/pindah baris

elemen HTML tanpa konten yang disebut elemen kosong.
Situs adalah elemen kosong tanpa tag penutup (tag <br> mendefinisikan satu baris).
elemen kosong bisa "tertutup" dalam tag pembuka seperti ini: <br />.

HTML5 tidak memerlukan elemen kosong harus ditutup. Tetapi jika Anda ingin validasi ketat, atau jika Anda perlu untuk membuat dokumen Anda dibaca oleh parser XML, Anda harus menutup semua elemen HTML dengan benar.

HTML Tip: Gunakan huruf kecil Tags
tag HTML tidak case sensitif: <P> berarti sama dengan <p>.

HTML5 standar tidak memerlukan tag huruf kecil, tapi W3C merekomendasikan huruf kecil di HTML, dan menuntut huruf kecil untuk jenis dokumen ketat seperti XHTML.
Read More

Monday, July 4, 2016

| ✔ Rifqi

Dasar Pemrograman Web dengan Html

Assalamu'alaikum Wr.. Wb..
Untuk artikel ini melanjutkan dari artikel sebelumnya. dan artikel ini membahas tentang Pemrograman Web Dasar dengan HTML.

Sebelum ke pokok materi apa itu sih HTML ? HTML adalah [Hyper Text Markup Language] Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi didalam sebuah browser Internet, bisa beruapa text, gambar, audio, maupun video.
Dasar Pemrograman Web dengan HTML
Dasar Pemrograman Web dengan HTML
Langsung saja kita belajar untuk pemrograman dasar denagn html, ikuti langkah langkah berikut dan perhatikan penjelasannya :
  1. Buka Aplikasi Text Editor, kalo saya Mengunakan aplikasi Sublime Text.
    sobat programer bisa menggunakan notepad, notepad ++ ataupun Dreamweaver.
  2. Pilih Menu File pada sublime lalu klik New langkah ini berguna untuk membuat file baru pada app sublime
  3. Copy lalu Pastekan Script dibawah ini ke Text Editor Sublime
    <!DOCTYPE html>
    <html>
    <head>
     <title>Dasar Pemrograman Web</title>
    </head>
    <body>
    Dasar Pemrograman Web
    </body>
    </html>
  4. Simpan File tersebut dengan nama "Web" dan untuk ekstensinya gunakan "HTML" jadi simpan dengan format file "Web.HTML"
  5. Buka file yang sudah kita buat tadi di Web Browser
  6. Jika belum muncul mungkin script yang anda pastekan salah.
  7. Selamat Mencoba
  8. Keterangan keterangan
<! DOCTYPE html> deklarasi mendefinisikan dokumen ini menjadi HTML5
Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
Teks antara <head> dan </ head> memberikan informasi tentang dokumen
Teks antara <title> dan </ title> memberikan judul untuk dokumen
Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
Teks antara <h1> dan </ h1> menggambarkan judul
Teks antara <p> dan </ p> menggambarkan sebuah paragraf
Menggunakan deskripsi ini, web browser akan menampilkan dokumen dengan judul dan paragraf.
Semoga tutorial ini bermanfaat bagi agan gan.
Wa'alaikumsalam Wr.. Wb.
Read More
| ✔ Rifqi

Belajar Pemrograman Web

Assalamu'alaikum Wr.. Wb..
Pemrograman Web, yah sering kali kita berfikiran bahwa pemrograman web cukup sulit dan cukup rumit dan pastinya. dan yang namanya pemrograman pasti gak jauh jauh sama yang namanya script. nah dalaman artikel ini bukan membahas mengenai script - script web namun membahas bagaimana belajar perograman web dengan mudah dan garis besarnya saja.
Belajar Pemrograman Web
Belajar Pemrograman Web

Apaitu pemrograman web ?
Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web
Pemrograman diartikan proses, cara, perbuatan program, sedangkan  web jaringan komputer yang terdiri dari kumpulan situs internet yang menawarkan teks, suara maupun gambar melalui protokol transfer hypertext. nah itu sedikit gambaran atau definisi tentang pemrograman web.

Sedikit berbagi pengalaman saja, dulu saya mendapatkan ilmu pemrograman web suatu masih Sekolah Menengah Kejuruan (smk) dan kebutulan jurusan saya Rekayasa Perangkat Lunak. jadi gak jauh jauh sama yang namanya pemrograman, dan pemrograman itu jadi makanan sehari hari. dari mulai pemrograman berbasis web, dekstop, dll.

Apa sih yang dapat kita hasilkan dengan pemrograman web ? nah kita dapat menghasil kan suatu web, baik web itu berfungsi sebagi web aplikasi, ataupun web sistem informasi, membuat game dengan web, [ emang bisa ? ] pastinya bisa. kalo gak percaya coba cek di simbah google. #hehehe

Nah setelah kita paham betul dengan definisi pemrograman web, apa sih yang perlu disiapkan untuk belajar pemrograman web ?
  • Listrik [ wajib ]
    untuk masalah listrik hal ini tidak bisa di negosiasikan, ini modal utama kalo kita pengen belajar web. kita gak akan bisa belajar pemrogaman kalo gak ada listrik. jika sobat saat ini belum punya aliran listrik saya sarankan untuk mengundurkan diri untuk belajar web !
  •  Komputer, Laptop, Notebook
    Nah kalo ini modal yang ke dua ini bisa kita negosiasikan, bisa menggunakan Komputer, Laptop maupun Notebook untuk speak komputer bisa terserah yang penting kuatlah untuk tahapan coding nantinya. mau pakek merek apapun pokoknya sejenis komputer. bisa punya sendiri atau pinjem temen hehehe.
  • Sistem Operasi
    Yang gak kalah pentingnya yang satu ini. ya itu sistem operasi ! percuma kalo kita punya listrik dan komputer tapi gak ada sistem operasi di komputer. gak bakalan bisa di gunakan komputernya kalo gak ada sistem operasi. untuk ini bisa terserah. tergantung agan agan lebih nyaman di Sistem OPerasi Linux, Windows ataupun di Mac. saya tegaskan sekali lagi TERSERAH yang penting Sistem Operasinya ada.
  • Web Server
    Yang gak kalah penting yaitu kita harus punya yang namanya web server, bisa menggunakan XAMPP, Apache, Wampp atau web server yang lainya. terserah sobat programer lebih nyaman dimana. kenyamanan dalam penggunan aplikasi menetukan hasil apa yang dilakukan nantinya.
  • Web Browser
    Selanjutnya ya itu Web Browser, nah yang nantinya akan menjadi hasil atau outputan dari Pemrograman Web. kita dapat menggunakan Web Browser Google Chrome, Mozila Firefox, Internet Explore, Safari atau web browser, silahkan pilih yang sobat suka.
  • Text Editor
    Untuk aplikasi text editor ini banyak sekali yang dapat kita jumpai, diantaranya kita dapat menggunakan Aplikasi Notepad, Notepad ++, Dreamweaver ataupun Sublime Text. terserah sobat programer pilih yang mana. kalo saya lebih cenderung menggunakan Aplikasi Sublime Text untuk Editor dari Bahasa Pemrograman.
  • Bahasa Pemrograman
    Yang paling penting di antara yang terpenting adalah ini BAHASA PEMROGRAMAN kita dapat memilih berbagai bahasa pemrograman web. diantarnya ya itu :
    • PHP - Bahasa pemrograman server side
    • JAVASCRIPT - Bahasa pemrograman client side
    • HTML - Bahasa untuk membuat halaman web
    • CSS - Untuk mengatur tampilan halaman web
Saya kira cukup untuk pengenalan dalam " Belajar Pemrograman Web " . nantikan artikel artikel selanjutnya dan tentunya lebih menarik. dan semoga artikel ini bisa bermanfaat bagi sobat sobat programer . hehehe
Sekian dan Terimakasih #SalamBlogger

wassalamu'alaikum Wr.. Wb..
Read More
Subscribe to: Posts ( Atom )