Pengertian URL Dan Fungsinya Serta Contohnya Lengkap

Assalamu’alaikum.wr.wb

Pengertian URL dan fungsinya serta contohnya – apa itu URL? Apa fungsi dari URL? bagi orang yang sering berselancar di internet atau di dunia maya mereka mungkin sudah tidak asing lagi dengan URL. Akan tetapi apakah mereka sudah mengetahui apa itu definisi dari URL dan apa sebenarnya kegunaan dari URL, oleh sebab itu untuk mengetahuinya mari kita pahami pada penjelasan dibawah ini.

A. Inilah beberapa penjelasan mengenai URL
URL adalah singkatan dari Unifrom Resource Locator yaitu merupakan rangkaian karakter menurut format standar tertentu, digunakan untuk menunjukan alamat dari suatu sumber misalnya seperti dokumen, file dan gambar yang terdapat di internet.
URL merupakan kependekan dari Uniform Resource Locator merupakan serangkaian karakter (angka, huruf dan simbol) menurut standar tang sudah di tentukan, yang guanya untuk menunjukan suatu alamat atau sumber yang terdapat di internet misalnya seperti file, dokumen dan gambar.

Apa yang dimaksud dengan URL...?
Apa yang dimaksud dengan URL…?

URL yaitu suatu rangkaian karakter menurut standar tertentu yang digunakan untuk menunjukan suatu alamat dari sumber, seperti file atau gambar yang ada di Internet. URL merupakan salah satu inovasi dasar dari perkembangan sejarah Internet.
Itulah diatas beberapa penjelasan mengenai URL, kamu dapat memilih yang mana saja karena semua intinya sama.

B. Sejarah singkat URL (Unifrom Resource Locator)
URL pertama kali ditemukan pada tahun 1991 yaitu oleh Tim Barnes – Lee, dengan tujuan supaya dapat memudahkan para penulis dokumen atau artikel untuk merefrensikan tulisannya ke WWW (World Wide Web), itulah sejarah singkat mengenai URL.

C. Tipe-tipe dari URL (Unifrom Resource Locator)
Terdapat dua tipe URL, penjelasannya dibagian bawah ini:

1. URL Absolut (URL Absolute) http://www.carasingkat.com/
Yaitu suatu alamat lengkap yang menyertakan nama dari domain, yang langsung menentukan lokasi dari dokumen atau direktori yang ada pada internet. Direktori yang tertapat dalam domain dan dokumen yang terdapat dalam direktori.
Contohnya: <img src=http://www.namasitus.com/images/image.jpg>

2. URL Relatif (URL Relative)
Yaitu URL yang menentukan suatu alamat berdasarkan URL yang memang aktif ketika saat itu.
Contohnya: <img src=”image.jpg”>

D. Beberapa fungsi URL
Adapun fungsi dari URL yang diantaranya sebagai berikut ini: http://www.carasingkat.com/

  • Untuk pengidentifikasi suatu dokumen yang terdapat pada Web.
  • Digunakan untuk memberikan nama dokumen yang terdapat pada web.
  • Untuk memberian alamat pada setiap Web yang berisikan dokumen.
  • Mempermudah dalam mengakses dokumen atau file melalui suatu web.
  • Mempermudah dalam mengingat alamat dokumen yang ada dalam suatu web.

Bagaimana… apakah sekarang kamu sudah mengerti apa itu yang dimaksud dengan URL? Mungkin itu saja tulisan yang membahas tentang pengertian URL, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan oleh kamu sendiri. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.

Artikel Sumber : http://www.carasingkat.com/

Author : https://bloggermuntilan.com/author/mohammadkahfi/

NB :

Seluruh isi artikel ini menjadi tanggungjawab penuh penulis yaitu ( Mohammadkahfi ), karena Onwap Blog’s hanya memfasilitasi para penulis tamu untuk berbagi artikel bermanfaat. Apabila apa yang dipublish oleh penulis tamu menyalahi aturan seperti copas, silahkan laporkan melalui ” Contact Us ” untuk segera dihapus.

Dan apabila berminat untuk berkontribusi menulis artikel di Onwap Blog’s, kalian bisa langsung mendaftar melalui form ” Register ” dan mulai menulis berbagi hal-hal yang bermanfaat. Terimakasih.

Wassalamu’alaikum.wr.wb

Tutorial Dasar Html untuk Pemula part 3

Assalamu’alaikum.wr.wb

Tutorial Dasar Html untuk Pemula part 3 – Melanjutkan artikel saya sebelumnya, kali ini saya akan share bagaimana cara membuat postingan gambar di blog dengan html.

Simak artikel saya sebelumnya :

Ini adalah salah satu tutorial dasar blog yang harus kalian ketahui, karena sangat penting nantinya untuk menulis sebuah artikel yang bagus dan seo friendly.

Apa yang akan kita bahas di Tutorial dasar html part 3 ini?

  • Cara menampilkan gambar di postingan blog
  • Cara membuat gambar dengan link
  • Cara membuat gambar dengan link open new tab

Okay, kita bahas satu per satu ya tutorial belajar html untuk pemula ini?

Cara menampilkan gambar di postingan dengan html

Code :
<img src=url gambar></img>

Penjelasan :

  • <img src= : Tag pembuka
  • url gambar : link dari gambar yang akan ditampilkan
  • </img> : tag penutup

contoh :

<img src=http://kangmas21.heck.in/files/mv5bmtk0ndexmja5mv5bml5ba.jpg></img>

Cara membuat gambar dengan link di postingan blog

code : <a href=link><img src=link gambar” /></a>

contoh :

<a href=http://bloggermuntilan.com><img src=http://kangmas21.heck.in/files/mv5bmtk0ndexmja5mv5bml5ba.jpg/></a>

Cara membuat gambar dengan link open new tab

Code : <a href=linktarget=”_blank”><img src=link gambar/></a>

Contoh :

<a href=http://bloggermuntilan.comtarget=”_blank”><img src=http://kangmas21.heck.in/files/mv5bmtk0ndexmja5mv5bml5ba.jpg/></a>

 

Untuk penambahan atribut title dan alt juga bisa ditambahkan untuk optimasi seo on page

code : <a href=link><img src=link gambaralt=”title” /></a>

contoh :

<a href=http://bloggermuntilan.com><img src=http://kangmas21.heck.in/files/mv5bmtk0ndexmja5mv5bml5ba.jpgalt=”Onwap Blog” /></a>

Atau jika digabung agar bisa terbuka di new tab bisa menggunakan contoh dibawah ini

Code : <a href=linktarget=”_blank”><img src=link gambaralt=”title” /></a>

Contoh :<a href=http://bloggermuntilan.comtarget=”_blank”><img src=http://kangmas21.heck.in/files/mv5bmtk0ndexmja5mv5bml5ba.jpgalt=”title” /></a>

Bagaimana? Cukup mudah dipahami bukan? Jika ada yang ingin ditanyakan silahkan tulis di komentar. Jika dirasa artikel ini bermanfaat, silahkan share.

Demikian artikel saya tentang Tutorial Dasar Html untuk Pemula part 3.

Simak artikel saya lainnya :

Semoga bermanfaat.

Wassalamu’alaikum.wr.wb

Tutorial Dasar Html untuk Pemula part 2

Assalamu’alaikum.wr.wb

Belajar Html Untuk Pemula
Belajar Html Untuk Pemula

Tutorial Dasar Html untuk Pemula part 2 – Ini adalah artikel lanjutan dari artikel saya sebelumnya yaitu tentang tutorial dasar html. Silahkan baca disini!

Apa yang akan kita bahas sekarang?

  • Cara membuat link dengan html
  • Cara Membuat Link Dengan Anchor Text
  • Cara membuat link terbuka di jendela baru (open new tab)

Okay, kita bahas satu per satu ya belajar html dasar untuk pemula ini?

Cara membuat link di postingan

<a href=url tujuan>text</a>

Penjelasan :

  • <a href= : tag pembuka
  • url tujuan : alamat situs yang akan dituju
  • text : tulisan link/nama link
  • </a> : tag penutup untuk link
  • Jangan lupa link diapit oleh tanda petik dua ( )

Contoh :

<a href=http://bloggermuntilan.com>Onwap Blog</a>

Bagaimana cara membuat link agar jika di klik membuka tab baru?

kita tinggal menambahkan kode target=”_blank” di depan url

Contoh :

<a href=http://bloggermuntilan.comtarget=”_blank”>Onwap Blog</a>

Bagaimana Cara Menambahkan title pada link?

tambahkan kode title=”nama title”

Contoh :

<a href=http://bloggermuntilan.comtitle=”title url”>Onwap Blog</a>

<a href=http://bloggermuntilan.comtitle=”Onwap Blog” target=”_blank”>Onwap Blog</a>

Penambahan atribut title biasanya digunakan untuk membuat posting dengan link seo friendly dan termasuk dalam teknik seo on page. Untuk menambahkan atribut alt juga hampir sama, tinggal ganti title dengan alt.

Contoh :

<a href=http://bloggermuntilan.comalt=”title url”>Onwap Blog</a>

<a href=http://bloggermuntilan.comalt=”Onwap Blog” target=”_blank”>Onwap Blog</a>

Oh ya, jangan lupa setiap url harus diawali dengan http:// ya?

Artikel ini saya buat sesederhana mungkin agar mudah dipahami, saya bukanlah ahli di bidang ini, saya hanya share apa yang saya tahu dan jika ada salah kata ataupun penulisan saya mohon maaf.

Sekian artikel yang dapat saya tulis tentang Tutorial Dasar Html untuk Pemula part 2.

Sebagai situs rujukan kalian bisa mengunjungi situs w3school.

Baca juga artikel lanjutannya :

Jika bermanfaat silahkan share, jika ada kekurangan silahkan berkomentar, akan saya perbaiki.
Semoga bermanfaat.

Wassalamu’alaikum.wr.wb

Tutorial Html Dasar Untuk pemula part 1

Assalamu’alaikum.wr.wb

Belajar Html Untuk Pemula
Belajar Html Untuk Pemula

Tutorial Html Dasar Untuk pemula part 1 – Pada kesempatan kali ini saya akan membahas tentang tutorial html dasar. Html adalah kode pemrogaman paling mudah dipelajari dan di ingat serta paling sering digunakan baik dalam membuat posting, design blog/wap dll. Oleh karena itu mempelajari html sangat penting buat kalian para blogger pemula (newbie) termasuk saya. tag html di buka dengan <kode> dan di akhiri dengan tag </kode>.

Simak artikel saya lainnya :

Apa yang akan kita pelajari pada tutorial dasar html part 1 ini?

  • Cara membuat tulisan tebal (bold)
  • Cara membuat text miring (italic)
  • Cara membuat garis bawah tulisan (underlined)

Okay, akan saya share kodenya satu per satu,

Tutorial Html Dasar Cara Membuat Tulisan Tebal (bold)

<b>Text</b>

Penjelasan :

  • <> : tag pembuka
  • b : kode untuk tulisan tebal (bold)
  • text : teks yang akan dibuat tebal
  • </> : tag penutup

contoh : <b>Tulisan ini tebal</b>

Tutorial Dasar Html Cara Membuat Tulisan Miring (italic)

Contoh :
<i> Tulisan ini miring </i>

Penjelasan :

  • i adalah kode untuk italic (text miring)

Tutorial Dasar Html Cara Membuat Tulisan Bergaris Bawah (underlined)

contoh : <u>Tulisan ini bergaris bawah</u>

Penjelasan :

  • u : adalah kode untuk underline (garis bawah)

Bagaimana? Cukup mudah bukan? Silahkan di coba dan di praktekan, karena jika hanya dibaca saja tidak akan pernah bisa belajar html jika tidak mencoba.

Quotes :

Cara belajar paling baik adalah membaca kemudian praktek, jika gagal coba lagi sampai berhasil.

Simak artikel Tutorial Dasar Html lanjutannya :

Untuk lebih lengkapnya kalian bisa mengunjungi situs paling lengkap untuk belajar html yaitu di w3school, namun di situs itu penjelasan dalam bahasa inggris. Saya tidak mencoba menggurui, saya hanya share apa yang saya tahu dengan penjelasan yang menurut saya mudah untuk dipahami bagi pemula.

Demikan yang dapat saya tulis tentang Tutorial Html Dasar Untuk pemula part 1.

Semoga bermanfaat.
Jika merasa artikel ini bermanfaat, silahkan bagikan postingan ini. Jika ada saran/kritik silahkan tulis di komentar.

Wassalamu’alaikum.wr.wb