20 Dec 2014

HTML URL (Uniform Resource Locators)


URL atau kata lain dari alamat web (web addres).URL bisa berisi kata atau internet protocol (IP) address (192.168.54.23),namun banyak orang meneyebutkan alamat web sebagai sebuah kata daripada sebuah nomor IP karena itu lebih mudah digunakan.
Dalam sebuah halaman HTML URL ini sering digunakan pada tag <a> sebagai tujuan tag tersebut
Berikut skema atau struktur dari sebuah URL:
scheme://host.domain:port/path/filename
Explanation:

  • scheme – bernilai type internet service (http lebih banyak digunakan)
  • host - bernilai domain host (biasanya bila yang digunakan www)
  • domain –bernilai nama domain (ex : w3schools.com)
  • port - bernilai nomor port  (biasanya untuk http yaitu 80)
  • path – berisi path/folder pada server
  • filename – bernilai nama document yang dituju

HTML Entities


Ada karakter-karakter khusus yang tidak terbaca dalam penulisan HTML bila karakter tersebut langsung ditulis dari keyboard.
HTML Entities
Beberapa karakter itu diantaranya:
Bila kita menulis “<” atau “>” maka karakter itu tidak tampil di browser karena karakter itu hanya terbaca sebagai tag,untuk mengatasi ini HTML menyediakan cara penulisan tersendiri,yaitu
&entity_name;
OR
&#entity_number;
Berikut cara penulisan semua karakter tersebut

Result
Description
Entity Name
Entity Number

non-breaking space
&nbsp;
&#160;
< 
less than
&lt;
&#60;
> 
greater than
&gt;
&#62;
&
ampersand
&amp;
&#38;
¢
cent
&cent;
&#162;
£
pound
&pound;
&#163;
¥
yen
&yen;
&#165;
euro
&euro;
&#8364;
©
copyright
&copy;
&#169;
®
registered trademark
&reg;
&#174;


HTML Head

Element <head> pada HTML
Elemen <head> berisi berbagai meta data.apa itu meta data.
meta data merupakan data yang berisi deskripsi tentang dokumen HTMl tersebut.Meta data tidak ditampilkan,melainkan berada di balik layar.







                 
Ada element-element yang biasanya diletakkan diantara element <head> yaitu <title>, <style>, <meta>, <link>, <script>, and <base>.
Mungkin untuk element <title>,<style>,<link>,dan <script> kita sudah mengenalnya. Di sini saya hanya akan membahas element <meta> dan <base>
Element <meta> pada HTML
Element <meta> digunakan untuk mendeskripsikan informasi dokumen HTML diantaranya, deskripsi,keyword,author,dan meta data lainnya.
# keyword halaman

 Example

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

# deskripsi halaman

Example

<meta name="description" content="Free Web tutorials on HTML and CSS">
# pengkodean yang dipakai

Example

<meta charset="UTF-8">
# penulis halaman

Example

<meta name="author" content="Hege Refsnes">
# pengaturan agar halaman direfresh setiap 30 detik

Example

<meta http-equiv="refresh" content="30">
Element <base> pada HTML
Element <base> digunakan untuk menentukan basis URL atau URL untuk link relatif.Maksudnnya agar kita tidak menuliskan alamat sebuah file dengan penulisan yang panjang.
misal, ada gambar dengan alamat
http://www.w3schools.com/images/image.gif ,kan terlalu panjang, jika kita menggukan element <base> maka kita tinggal menulis alamat asal file tersebut di <base> ”http://www.w3schools.com/images/”   ,terus jika kita ingin memanggil file gambar tsb kita tinggal menulis nama file nya saja

Example

<base href="http://www.w3schools.com/images/" target="_blank">



HTML Symbol



Sama Entities ada simbol-simbol khusus yang dalam penulisan sebuah halaman HTML perlu perlakuan khusus
Berikut contoh penulisannya

HTML Encoding (Character Sets)

Apa Itu Character Sets ?
ASCII telah menetapkan standar karakter pengkodean.Ada 127 karakter alphanumerik yang berbeda yang bisa digunakan dalam pemrograman web.
Diantara jenis pengkodean ada yang namanya ANSI (Windows-1252) yaitu pengkodean standar yang digunakan di windows,ada juga namanya ISO-8859-1 yaitu pengkodean yang digunakan pada HTML4.Namun karena keduanya terbatas platform atau OS yang digunakan maka Pengkodean tersebut tidak dipakai dalam HTML yang sekarang,sebagi gantinya adalah dengan menggunakan UTF-8.
Atribut character set pada HTML
Untuk mengatur agar sebuah halaman HTML memiliki sebuah standar pengkodean karakter maka kita menggunakan tag <meta>,berikut perbedaan penggunaan character sets pada HTML4 dengan HTML5
For HTML4:
<meta charset="ISO-8869-1">

For HTML5:
<meta charset="utf-8">

Perbedaan Diantara Jenis Pengkodean
Berikut perbedaan antara ASCII,ANSI,8859,dan UTF-8:

Numb
ASCII
ANSI
8859
UTF-8
Description
32
space
33
!
!
!
!
exclamation mark
34
"
"
"
"
quotation mark
35
#
#
#
#
number sign
36
$
$
$
$
dollar sign
37
%
%
%
%
percent sign
38
&
&
&
&
ampersand
39
'
'
'
'
apostrophe
40
(
(
(
(
left parenthesis
41
)
)
)
)
right parenthesis


 by : Muhamad Nur Fasikhin

15 Dec 2014

Cara Instal backtrack 5 R3 dengan flasdixk

Langkah pertama untuk memulai menggunakan Backtrack ialah membuat bootable USB terlebih dahulu.Tutorial ini untuk pengguna komputer yang ingin mencoba mengenal OS lain, sehingga bagi para pengguna lama komputer yang sudah berulang kali meng-install ulang komputer, ini hanya sebagai referensi bagi Anda untuk dijadikan referensi apabila Anda ingin mereferensikan tutorial tentang membuat bootable USB.
Persiapannya kita membutuhkan beberapa alat berikut ini :
  • USB (Flashdisk) minimal 4 GB (saya merekomendasikan 8 GB)
  • ISO file dari Backtrack (saya menggunakan Backtrack 5 R3 GNOME, silahkan download di situs resmi http://www.backtrack-linux.org/downloads atau mirror lokal di repo.ugm.ac.id/iso/backtrack/ untuk mirror lain, silahkan googling)
  • Software pembuat bootable USB (saya merekomendasikan Universal-USB-Installer dari pendrivelinux.com) download disini
  • PC atau komputer dengan sistem operasi terinstall adalah Windows
Baiklah setelah semuanya terpenuhi mari kita mulai untuk membuat bootable Backtrack.
1. Pertama, silahkan download ISO file backtrack dan Universal-USB-Installer.
2. Format USB (Flashdisc) Anda dengan partisi FAT32.
3. Jalankan Universal-USB-Installer.
4. Klik “I Agree” pada kotak dialog Universal-USB-Installer.
5. Pilih distro Linux yang kita inginkan, di sini saya memilih Backtrack 5R3, karena kita akan membuat bootable Backtrack.
6. Kemudian klik “Browse” lalu cari dimana Anda menyimpan ISO file Backtrack 5R3.
7. Setelah itu pilih drive dimana Flashdisk Anda terpasang, Flashdisk saya di drive (H:/).
8. Abaikan opsi yang lain lalu klik “Create“, lalu akan tampil kotak dialog peringatan untuk memastikan bahwa drive yang telah kita pilih adalah bukan drive (C:/) alias dimana OS PC kita terinstall, klik saja “YES“.
9. Akan tampil kotak dialog baru dengan proses uncompress ISO file Backtrack dengan 7z, mengingat ISO file Backtrack berukuran besar, maka proses ini akan memakan waktu yang lama, tunggu hingga proses selesai.
10. Saat proses uncompress sudah selesai, tunggu proses yang ada pada kotak dialog utama, ini hanya sebentar saja, setelah itu klik “Close” apabila sudah selesai semua proses.
 11. Kini USB Anda telah siap dijadikan media bootable Backtrack.
setelah bootable selesai dibuat, langkah berikutnya adalah instalasi linuxnya.
1. masukkan DVD yang berisi OS Linux Backtrack ke komputer lalu Booting sehinngga tampil gambar seperti di bawah ini.
backtrack 5 r3 download for windows 7

2. Setelah proses boot selesai maka akan tampil gambar seperti dibawah ini dan pilih “Backtrack Text – Default Boot Text Mode”
cara install backtrack 5 r3 gnome
3. tunggu hingga proses hingga tampil seperti di bawah ini, setelah muncul gambar seperi di bawah ini kemuidan ketik “startx” untuk mendapatakan mode GUI.
download backtrack 5 r3 blackhat edition
4. kemudian klik pada ikon “Install Backtrack” pada desktop.
install backtrack 5 r3 gnome
5. kemudian pilih bahasa yang diinginkan kemudian klik forward.
install backtrack 5 r3 on usb
6. pilih kota dimana berada dengan mengklik pada peta kemudian klik forward.
cara install backtrack 5 r3 dengan flashdisk
7. klik forward, kecuali anda ingin menggati keyboard layout.
install backtrack 5 r3 via flashdisk
8. untuk mengatur hardisk pilih “Specify partitions manually (advance)” kemudian klik forward.
kelebihan backtrack 5 r3
9. Setelah itu akan tampil halaman pengaturan pertisi hardisk dan jangan lupa buat SWAP sekitar 1 atu 2GB.
cara menggunakan backtrack 5 r3
10. Setelah mengisi data pribadi dan password klik forward maka akan keluar tampilan seperti ini,kemudian klik Install.
backtrack 5 tutorial hack wifi
11. setelah mengklik “Install” maka akan tampil proses instalasi dan tinggal tunggu proses instalasi seperti gambar di bawah ini,
backtrack 5 r3 tutorial
Setelah proses instalasi selesai, silahkan restart komputer dan backtrack siap dipakai.

Arif Cholil Ampri - Project X
Newer Posts Older Posts Home

Visitors

Popular

 

Project X

Warung

STMIK YMI TEGAL

Followers

 

Templates by Nano Yulianto | CSS3 by David Walsh | Powered by {N}Code & Blogger