Belajar HTML Dasar 3

Diposkan oleh Tips dan Trik Sukses Bisnis Online | 10:02 AM | 19 komentar »

Belajar HTML-Dasar 3

HTML-dasar3 Setelah Anda mempelajari HTML – Dasar 2 pada blok ini mengenai element-element text, kali ini saya akan mencoba memaparkan tentang mengenai elemen-elemen dasar Link <A> mudah-mudahan dengan mempelajari bagian ini anda dapat memahami penggunaan element-element untuk menghubungkan ke internal atau eksternal halaman web dan juga dilengkapi dengan elemen Daftar urutan yang nantinya berguna untuk membuat website atau blog Anda lebih kelihtan rapi.

Link/AnchorLink <A>

Objektif :
Setelah mempelajari materi Link ini diharapkan anda dapat memahami penggunaan element-element untuk menghubungkan ke internal atau eksternal halaman web.

Element :

Element  </A>

Element </a> , befungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href, name, dan target.  Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web. Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor). Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.

Sintaks:

<a href="uri" name="name" target="_blank"|"parent"|"_top"|"_self">
   ...........................
</a>                                                                                                                              -------------

Element </a> sering disebut juga dengan perintah anchor <A> digunakan untuk membuat suatu link. Untuk membuat link ke dokumen HTML lain digunakan perintah <A HREF = “nama_dokumen”>Teks pada browser</A>.
Anda juga bisa membuat link dalam sebuah dokumen HTML. Untuk itu perlu dipersiapkan nama anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan atribut NAME pada tag <A>. Misalnya <A NAME = “Bugs”</A>. Cara melakukan link ke bagian tersebut adalah <A HREF = “#nama_anchor”>teks pada browser</A>.

Contoh:

<HTML>
<HEAD>
<TITLE>Link</TITLE>
</HEAD>
<BODY>
<A NAME="traffic">3 Cara meningkatkan traffic blog :</A>
<BLOCKQUOTE>
<P>1.Pakai Teknis SEO,<A HREF="http://bisnisonlinetop1.blogspot.com
/2011/05/cara-cerdas-meningkatkan-pagerange.html">Baca selengkapnya</A>
<P>2.Niche Content
<P>3.Gratiskan apa yang bisa digratiskan
<P>
<A HREF="http://bisnisonlinetop1.blogspot.com
/2011/05/keyword-teknis-seo.html
">Untuk penjelasan lebih lanjut silahkan klik disini</A>
</BLOCKQUOTE>
<P><A NAME="traffic">link no error</A>
<BLOCKQUOTE>
<P>Pastikan tidak ada link yang error di blok Anda
<BR>Tidak kebayangkan pengunjung yang kecewa dan pergi karena ada link yang rusak.
</BLOCKQUOTE>
<P><A HREF="http://bisnisonlinetop1.blogspot.com/2011/05/seo-anchor-text-dan-teknis-optimasi-seo.html
">Untuk cara teknis SEO baca selengkapnya</A>
<BLOCKQUOTE>
<P>Link navigasi blok harus tersusun secara rapi
<BR>Dan tidak membingungkan pengunjung.
</BLOCKQUOTE>
<P><A HREF="#traffic">kembali ke atas</A>
</BODY>
</HTML>

 linkhtml1 

3 HTML Daftar Urutan

Objektif :
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pembuatan daftar urutan.

Element  :

Element OL(ordered list), Element UL(unordered list), Element LI(list item).

1. Element OL (Orderd List).

Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start="1" type="1" ). Dalam element OL harus terdapat beberapa element LI.

Sintaks:

<ol start="number" type="A"|"a"|"I"|"i"|"1">
........................
</ol>

Ordered list digunakan untuk membuat daftar dimana tiap bagiannya memiliki nomor secara berurut. Ordered list dimulai dengan menggunakan tag <OL> dan diakhiri </OL>. Untuk menyatakan tiap bagiannya digunakan tag <LI> dimana tag ini tidak menggunakan penutup.

Contoh:

<HTML>
<HEAD><TITLE>Ordered List</TITLE></HEAD>
<BODY>
5 situs PTC yang sangat direkomendasikan
<OL>
<LI>NEOBUX                                                 
<LI>ONBUX                                                 <LI>INCREASEBUX                                             <LI>ClikSense   <LI>SchnaapKliks                                                           </OL>
</BODY>
<HTML>

olhtml

Ketika menggunakan perintah ordered list maka default penomoran adalah 1, 2, 3, …, Anda bisa mengubah nomor tersebut menggunakan atribut TYPE pada tag <OL>.

  • TYPE = 1 ; daftar berurut dengan nomor 1, 2, 3 (default)
  • TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi besar (I, II, III, IV, …)
  • TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi huruf kecil (i, ii, iii, iv, …)
  • TYPE = A ; daftar berurut dengan menggunakan abjad besar (A, B, C, D, …)
  • TYPE = a ; daftar berurut dengan menggunakan abjad kecil (a, b, c, d, …)

Selain mengubah jenis penomoran, HTML juga menyediakan perintah untuk menentukan nilai awal penomoran. Atribut yang digunakan adalah START = n, dimana n adalah nilai awal penomoran.

Contoh:

<HTML>
<HEAD>
<TITLE>OL atribut type</TITLE>
</HEAD>
<BODY>
<OL TYPE=A>
<LI>Tiga Payment Processor Yang Legitimasi :                       
<OL TYPE=I>
<LI>PayPal                                                  <LI>AlertPay
<LI>LibertyReserve
</OL>
<LI>Tiga Lainnya :                                            
<OL TYPE=1 START=4>
<LI>Netteler                                                
<LI>HooPays
                                                          <LI>WebMoney                                               
</OL>
</BODY>
<HTML>

olhtml2

 

2. Element UL (Unordered List)

Element UL berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet). Element ini mempunyai attribute yaitu type. Attribute type berfungsi untuk memilih bentuk bullet yang digunakan. Nilai dari pada attribute type ini adalah "circle", "square" dan "disc" . Dalam element UL harus terdapat beberapa element LI.

Sintaks:

<ul  type="circle"|"square"|"disc">
      ..........................
</ul>

Berbeda dengan ordered list, dalam unordered list tidak dijumpai urutan dalam suatu daftar. Setiap bagian dari unordered list ditandai dengan tanda bullet. Tanda bullet menjadi defaultdalam unordered list. Untuk membuat daftar dengan tanda ini digunakan tag awal <UL> dan tag akhir </UL>. Sama seperti ordered list, untuk tiap-tiap bagian digunakan <LI> tanpa tag penutup.

Contoh:

<HTML>
<HEAD>
<TITLE>Element Unordered List</TITLE>
</HEAD>
<BODY>
Tiga Situs Bisnis Internet                                        <UL>
<LI>PTC ( Paid To Click )
<LI>PTSurv. ( Paid To Surveys )
<LI>PPC ( Paid Per Click )                                  
</UL>
</BODY>
<HTML>

ULhtml1

Selain default tanda bullet, Anda bisa menggunakan tanda cakram/disk, lingkaran, atau kotak. Caranya dengan menggunakan atribut TYPE pada tag <UL>

Contoh:

<HTML>
<HEAD>
<TITLE>Element UL dengan atribut</TITLE>
</HEAD>
<BODY>
Jenis bisnis Internet Marketing                                   <UL TYPE=square>
<LI>Ad Network                                                <LI>Art Supply Store                                       <LI>Amazon                                                        <LI>etc.
</UL>
</BODY>
<HTML>

ulhtml2

3. Element LI (List Item)

Element LI merupakan isi dari pada daftar. Element ini harus berada di dalam element OL atau UL. Element ini mempunyai attribute type dan value. Nilai attribute type adalah A,a,I,i,1,circle,square,disc dan attribute value berisikan nilai nomor urutan dari attribute type.

Sintaks:

<li type="A"|"a"|"I"|"i"|"1"|"circle"|"square"|"disc">
      ..........................
</li>

Sampai disini saya harap Anda sudah dapat memahami seluiruh element dasar utama pada  program HTML, untuk lebih memperdalamnya lagi silahkan Anda melanjutkannya ke tingkat lanjutan …!!!

19 komentar

  1. Mr. Seven // July 1, 2012 at 6:51 AM  

    Mantab gan!!! Bermanfaat!!!
    Sukses terus untuk blog mu...

  2. Gilang Prasdianto // September 29, 2012 at 4:04 PM  

    ijin share..
    :D

  3. pesan jaket baseball // March 7, 2013 at 4:16 PM  

    sudah sampai link anchor,,, lanjutkan bos

  4. TILLA SHOP // October 17, 2013 at 8:08 AM  

    Produk dijamin asli
    TILLA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS:0896-9198-6275 ATAU KLIK WEBSET RESMI KAMI http://tilla-shop.blogspot.com/
    BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

    Dijual,
    Ready Stock !
    Blackberry Q10 Black/white.
    Harga Promo Rp.3.750.000,-

    Ready Stock !
    BlackBerry Bold Dakota 9900,
    Hrg promo Rp.2.150.000,-

    Ready Stock !
    BlackBerry 9380 Orlando - Black
    Rp.900.000,-

    Ready Stock !
    BlackBerry Curve 8520 Gemini
    Rp.500.000,-

    Ready Stock !
    BlackBerry Bold 9780 Onyx 2
    Rp.800.000,-

    Ready Stock !
    Blackberry Curve 9320
    Rp.700.000,-

    Ready Stock !
    Samsung Galaxy Tab 2 (7.0)
    Rp. 1.000.000

    Ready Stock !
    Samsung Galaxy Nexus I9250 - Titanium Si
    Rp.1.500.000,-

    Ready Stock !
    Samsung Galaxy Note N7000 - Pink
    Rp.1.700.000

    Ready Stock !
    Samsung Galaxy Y S5360 GSM - Pure White
    Rp.500.000,-

    Ready Stock !
    Nokia Lumia 800 - Matt Black
    Rp.1.700.000,-

    Ready Stock !
    Nokia Lumia-710-white
    Rp. 900.000,-

    Ready Stock !
    Nokia C2-06 Touch & Type - Dual GSM
    Rp.450.000,-

    Ready Stock !
    Nokia Lumia 710 - Black
    Rp. 900.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari XL) - Black
    Rp.1.200.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari Telkomsel)
    Rp.1.200.000,-

    Ready Stock !
    Apple iPod Touch 4 Gen 8GB
    Rp.700.000

    Ready Stock !
    APPLE iPod Nano 8GB - Pink
    Rp.500.000,-

    Ready Stock !
    Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
    Rp 1.300.000

    Ready Stock !
    Acer Aspire S3-951-2364G34iss
    Rp. 1.200.000,-

    Ready Stock !
    Acer Aspire 5951G Core i7 2630 Win 7
    Rp. 2.500.000,-

    Ready Stock !
    Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
    Rp. 2.500.000,-

    Ready Stock !
    Nikon D7000 kit 18-105mm
    Rp.1.700.000

    Ready Stock !
    Nikon D90 Kit 18-105mm Vr
    Rp 1.300.000

    Ready Stock !
    Nikon Coolpix L 120 Red
    Rp. 900.000

    Ready Stock !
    Nikon Coolpix P 500 Black
    Rp 1.000.000

  5. Belajar Search Engine // November 20, 2013 at 5:11 PM  

    wah sangat bermanfaat sekali gan infonya.
    saya yakin bermanfaat juga buat orang-orang atau pengunjung yang sudah membacanya.
    thanks ya gan.
    update selalu dan semoga tambah sukses.
    mantap..!

  6. Indra Rachmat // March 17, 2014 at 4:25 PM  

    MAU jadi KAYA dengan MUDAH dibantu Sistem Otomatis Rahasianya ada disini.
    Lihat di ==> http://bisnisbaru1.weebly.com/

  7. Elekson Simatupang // April 7, 2014 at 2:02 AM  

    Makasih Infonya Mas :) Mendukung Materi Kuliah ni, Mantap!

  8. Anonymous // April 18, 2014 at 5:31 PM  

    nice info perangsang

  9. kandeb.com // May 1, 2014 at 6:12 AM  

    saya ingin bertanya, di perpustakaan ada buku yg membahas tentang html dan sebagainya, namun apakah berpengaruh jika buku tersebut jadul sedangkan utk telnologi saat ini terus berkembang

  10. 1001 ide usaha // December 7, 2014 at 11:19 AM  

    ijin bookark gan usahasampinganterbaru2015

  11. Kapten Hosi // February 10, 2015 at 2:14 AM  

    terima kasih mas pelajaran nya...

  12. Bill John // February 26, 2015 at 9:07 PM  
  13. eko hermawan // June 29, 2015 at 3:51 AM  

    Jual bongkahan batu bacan asli dari ternate,barang udah tembus cahaya dan keras dan padat semua tidak rapuh,mudah di bentuk kalau di buat permata,dan udah daging semua tidak ada kapur, dan semua barang kami udah keristal semua dan tidak perlu di rawat lagi.Bongkahan batu bacan saya hasil tambang sendiri,kami menjual bacan doko super kristal dan palamea.Bongkahan batu bacan saya hasil dari tambang sendiri jangan heran kalau harganya murah mass
    Daftar harga sebagai berikut;
    BACAN DOKO DARI TERNATE (Maluku Utara)
    -Berat 1 Ons Rp 500 Ribu
    -Berat 5 Ons Rp 1 Juta 250 Ribu
    -Berat 1 Kg Rp 2 Juta 500 Ribu,dan masih bisa nego dikit mass,setiap pembelian perkilo dapat bonus 1permata batu bacan dan bongkahan batu bacan ukurang kecil
    BACAN PALAMEA DARI HALMAHERA (Maluku Utara)
    -Berat 1 Ons Rp 500 Ribu
    -Berat 5 Ons Rp 1 Juta 200 Ribu
    -Berat 1 Kg Rp 2 Juta 200 Ribu,dan masih bisa nego dikit mass,setiap pembelian perkilo dapat bonus 1permata batu bacan dan bongkahan batu bacan ukurang kecil
    Melayani Pembelian Per Kilo Dan Per Ons Untuk Bongkahan
    Kita Juga Melayani Pembelian Luar Daerah Dan Luar Kota
    Bagi Pecinta Bacan Yang Minat Silahkan Langsung Hubungi (081322565149) atau
    PIN 2a9b526e
    #.stock terbatas
    Siapa cepat dia dapat
    Bagi yg merasa sudah minat dan ingin transaksi pembelian dengan kami,
    Adapun cara yg kami sediakan:COD bisa silahkan datang ke alamat saya di daerah Halmahera selatan
    Alamat:Jl.Rawabadak rt 004,desa amasing kota utara kec.Bacan,halmahera selatan maluku utara,dan bagi peminat batu bacan di luar kota bisa kami kirim melalui jasa pengiriman seperti:jne/tiki/kantor pos,jika barang sudah kami kirim,kami berikan no.resi pengiriman barang yang anda pesan,terimah kasih,,,Wassalam

  14. agen plum // July 3, 2015 at 10:10 PM  

    RAHASIA langsing yang sehat, aman dan dengan cara mudah.
    Berat badan turun 2 - 5 Kg dalam waktu 6 hari, cocok untuk anda yang sibuk, berpikir praktis dan tidak sempat berolahraga, selain itu pastinya tubuh menjadi lebih bugar dan sehat!
    http://agenplumpelangsing.com/

  15. kitchen decor // August 9, 2015 at 12:13 AM  
  16. Nyoman Somiarta // August 10, 2015 at 11:36 PM  

    Wah keren gan..
    Bagi agan yang berminat belajar membuat web bisa dilihat di situs berikut ini Kursus Web Design

  17. Pandu // August 24, 2015 at 7:59 PM  

    Anda memiliki berprofesi sebagai pedagang ? ingin Meningkatkan pendapatan / omset usaha Anda?
    kami punya solusi nya.silahkan kunjungi http://www.mustikasukses.com/ atau klik disini

  18. gulbinar // October 16, 2015 at 4:06 AM  

    cepat kaya

    ,,.,KISAH NYATA ,
    Aslamu alaikum wr wb..Allahu Akbar, Allahu akbar, Allahu akbar
    Bismillahirrahamaninrahim,,senang sekali saya bisa menulis
    dan berbagi kepada teman2 melalui room ini,
    sebelumnya dulu saya adalah seorang pengusaha dibidang property rumah tangga
    dan mencapai kesuksesan yang luar biasa, mobil rumah dan fasilitas lain sudah saya miliki,
    namun namanya cobaan saya sangat percaya kepada semua orang,
    hingga suaatu saat saya ditipu dengan teman saya sendiri dan membawa semua yang saya punya,
    akhirnya saya menaggung utang ke pelanggan saya totalnya 470 juta dan di bank totalnya 800 juta ,
    saya stress dan hamper bunuh diri anak saya 2 orng masih sekolah di smp dan sma,
    istri saya pergi entah kemana dan meninggalkan saya dan anakanaknya ditengah tagihan utang yg menumpuk,
    demi makan sehari hari saya terpaksa jual nasi bungkus keliling dan kue,
    ditengah himpitan ekonomi seperti ini saya bertemu dengan seorang teman
    dan bercerita kepadanya, Alhamdulilah beliau memberikan saran kepada saya.
    dulu katanya dia juga seperti saya stelah bergabung dengan KI JOKO hidupnya kembali sukses,
    awalnya saya ragu dan tidak percaya tapi selama satu minggu saya berpikir
    dan melihat langsung hasilnya, `
    saya akhirnya bergabung dan menghubungi KI JOKO di No :)-0'8'2-3'3'5'-9'4'7'-8'8'8-:).
    Semua petunjuk AKI saya ikuti dan hanya 3 hari Astagfirullahallazim,
    Alhamdulilah Demi AllAH dan anak saya,
    akhirnya 5M yang saya minta benar benar ada di tangan saya,
    semua utang saya lunas dan sisanya buat modal usaha,
    kini saya kembali sukses terimaksih KI JOKO saya tidak akan melupakan jasa AKI.
    JIKA TEMAN TEMAN BERMINAT, YAKIN DAN PERCAYA INSYA ALLAH,
    SAYA SUDAH BUKTIKAN DEMI ALLAH SILAHKAN HUB KI JOKO DI :)-0'8'2-3'3'5'-9'4'7'-8'8'8-:)


    ((((((((((((DANA GHAIB)))))))))))))))))


    Pesugihan Instant 5 MILYAR
    Mulai bulan ini (oktober 2015) Kami dari padepokan mengadakan program pesugihan Instant tanpa tumbal,
    serta tanpa resiko. Program ini kami khususkan bagi para pasien yang membutuhan modal usaha yang cukup besar,
    Hutang yang menumpuk (diatas 1 Milyar), Adapun ketentuan mengikuti program ini adalah sebagai berikut :

    Mempunyai Hutang diatas 1 Milyar
    Ingin membuka usaha dengan Modal diatas 1 Milyar
    dll

    Syarat :

    Usia Minimal 21 Tahun
    Berani Ritual (apabila tidak berani, maka bisa diwakilkan kami dan tim)
    Belum pernah melakukan perjanjian pesugihan ditempat lain
    Suci lahir dan batin (wanita tidak boleh mengikuti program ini pada saat datang bulan)
    Harus memiliki Kamar Kosong di rumah anda

    Proses :

    Proses ritual selama 2 hari 2 malam di dalam gua
    Harus siap mental lahir dan batin
    Sanggup Puasa 2 hari 2 malam ( ngebleng)
    Pada malam hari tidak boleh tidur

    Biaya ritual Sebesar 10 Juta dengan rincian sebagai berikut :

    Pengganti tumbal Kambing kendit : 5jt
    Ayam cemani : 2jt
    Minyak Songolangit : 2jt
    bunga, candu, kemenyan, nasi tumpeng, kain kafan dll Sebesar : 1jt

    Prosedur Daftar Ritual ini :

    Kirim Foto anda
    Kirim Data sesuai KTP

    Format : Nama, Alamat, Umur, Nama ibu Kandung, Weton (Hari Lahir), PESUGIHAN 5 MILYAR

    Kirim ke nomor ini KI JOKO : -0'8'2'3'3'5'9'4'7'8'8'8-
    SMS Anda akan Kami balas secepatnya

    Maaf Program ini TERBATAS hanya untuk beberapa Orang saja..

  19. PAK.KARTA RUSDIANTO // March 12, 2016 at 12:28 AM  

    KISAH NYATA DARI SAYA BPK.KARTA BUKAN REKAYASA INI BETUL2 NYATA DIKELUARGA KAMI.
    Assalamualaikum wr.wb,saya BPK.KARTA seorang buruh tani di madium jawa timur ingin mengucapka banyak terimah kasih kepada KI WARSA atas bantuan AKI. kini impian saya selama ini sudah jadi kenyataan dan berkat bantuan KI WARSA pula yang telah memberikan angka gaib hasil ritual beliau kepada saya yaitu 4D dan alhamdulillah telah berhasil memenangkan 5x berturut turut tembus.sekali lagi makasih yaa AKI karna waktu itu saya cuma bermodalkan uang cuma 200 ribu dan akhirnya saya menang.Berkat angka gaib hasil ritual AKI WARSA saya sudah buka usaha matreal di jakarta dan istri saya juga buka butyk baju dimall mangga dua. Kini kehidupan keluarga saya jauh lebih baik dari sebelumnya,bagi anda yg ingin seperti saya silahkan HUB/SMS AKI WARSA di nomor hpnya di: 0852 4968 9269 atau KLIK DISINI dan ramalan AKI WARSA memang memiliki ramalan GAIB” yang dijamin 100% tembus.
    KARNA RASA HATI YANG GEMBIRA MAKANYA NAMA BELIAU SAYA CANTUNKAN DI INTERNET…

    *angka ritual gaib singapura

    *angka ritual gaib hongkong

    *angka ritual gaib malyaisia

    *angka ritual gaib sidney

    *angka ritual gaib kuda lari.

Post a Comment

Related Posts Plugin for WordPress, Blogger...