Cara Copy Paste Kode HTML Dari Website

dalam HTML
Hosting Murah Berkualitas

Copy paste adalah jurus kilat yang banyak disukai oleh banyak orang, tidak terkecuali dengan anda. Aktifitas copy paste ini memang menyenangkan karena kita dapat melakukan suatu pekerjaan yang seharusnya dilakukan secara manual dengan mengetik langsung dan membutuhkan tenaga dan waktu yang tidak sedikit, dengan jurus copy paste ini pekerjaan-pekerjaan tersebut dapat kita lakukan dengan instan secepat kilat. Namun kegiatan copy paste ini jika dilakukan terus menerus maka akan bisa mematikan kreatifitas yang ada dalam diri seseorang karena sudah terbiasa hidup dimanjakan oleh jurus copy paste ini.

Selain dampak buruk dari yang sudah disebutkan diatas, tentunya pada suatu waktu tentunya kita juga akan membutuhkannya juga. Seperti pada program yang sedang saya bangun pada website Peterwebs.com ini.

Pada website ini saya punya misi untuk membangun sebuah Media Tutorial Pembelajaran Tentang Ilmu Website bagi anda semua yang memang ingin mempelajarinya namun terhalang oleh kendala minimnya pengetahuan anda tentang ilmu website ini. Selain itu juga mungkin dengan tidak adanya guru atau tutor yang bisa membimbing anda ke arah tersebut membuat anda putus asa untuk mewujudkan cita-cita anda tersebut.

Dengan adanya website Peterwebs.com ini saya harap bisa menjadi harapan baru bagi anda yang memang memiliki minat besar untuk mempelajari tentang ILMU WEBSITE ini. Bagi anda yang sangat awam pun jangan pesimis dulu karena saya akan membagi pengetahuan saya tentang ilmu website ini kepada anda mulai dari NOL Besar. Untuk itu simak dengan baik Modul-modul Tutorial yang sudah saya bikin pada website ini dengan baik dan urut agar anda bisa memahaminya dengan lebih baik ketimbang daripada anda mempelajarinya secara tidak urut dan loncat-loncatan secara random ke sembarang modul sesuka anda. Karena modul-modul pembelajaran yang sudah saya susun tersebut sudah saya fikirkan matang-matang dengan baik. Namun kendatipun jika ada kekurangan dalam penyusunan modul pembelajaran tersebut, saya mohon untuk dimaklum karena ada pepatah bilang bahwa “Tak ada gading yang tak retak” karena kesempurnaan hanya milik Tuhan semata.

Kembali ke tema copy paste tadi, bahwa jurus copy paste ini pun sangat dibutuhkan oleh anda ketika nanti akan mengikuti pembelajaran ini, meskipun cara copy paste ini tidak saya sarankan. Cara yang disarankan adalah ketiklah dengan manual contoh kode-kode HTML yang nanti akan saya pampangkan di website ini agar dengan demikian nantinya pengetahuan dan skill anda akan bertambah lebih baik lagi dalam mengenal kode-kode HTML dan kode-kode tagnya. Meskipun jika nanti jurus copy paste ini tidak bisa dihindari, maka ikutilah panduan cara copy paste kode HTML tersebut yang benar pada artikel ini. Karena jika anda langsung melakukan copy paste dari website ini ke teks editor anda tanpa pengeditan dulu, nanti ketika kode-kode tersebut dieksekusi maka tidak akan bekerja dengan baik pada browser anda. Cara ini pun mungkin juga akan berguna bagi anda jika melakukan copy paste pada website yang lain. Karena kebanyakan karakter huruf yang ada pada website dengan karakter huruf yang anda copy paste pada teks editor anda akan di baca berbeda oleh compiler. Namun kendatipun demikian hal tersebut tergantung dari teknik pengkodean atau encode yang digunakan oleh setiap pemilik website masing-masing.

Sebagai pengetahuan tambahan bagi anda tentang teknik Encode ini, silahkan anda baca artikel saya yang lain yang berjudul Tutorial Belajar Praktek Cara Encode Decode HTML dan Tool yang digunakan untuk mengencodenya anda bisa lihat dengan mengklik link ini.

Sekarang kita lanjutkan ke materi artikel, bagaimana Cara Copy Paste Kode HTML Dari Website ini. Seperti biasa, Silahkan anda copy paste kode HTML dibawah ini kedalam aplikasi Notepad anda. Kode HTML ini saya ambil dari artikel sebelumnya yang berjudul Membuat Link Anchor Yang Ngelink Ke Bagian Halaman Itu sendiri.  Jadi, artikel ini adalah kelanjutan dari artikel tersebut tadi. Berikut adalah kode HTML nya.

<html>
<header>
<title>
Membuat Link Anchor Yang Ngelink Pada Halaman Itu sendiri
</title>
</header><body bgcolor=”aqua”>
<p><font size=6 color=”red”><a name=”paragraf1″>Paragraf 1</a></font><br>
<font size=6>
Pada kesempatan kali ini saya akan berbagi beberapa Tips Cara Pijat Refleksi yang bermanfaat bagi kesehatan. Pijat refleksi ini sangat praktis karena bisa dilakukan sendiri. Karena praktisnya, anda bisa mencobanya ketika anda sedang dalam waktu luang, sedang dalam masa sedang bersantai, sedang dalam liburan ataupun ketika anda sedang dalam rehat istirahat.
</font></p><p><font size=6 color=”red”><a name=”paragraf2″>Paragraf 2</a></font><br>
<font size=6>
Tanpa panjang lebar, kita langsung saja ke Tips Cara Pijat Refleksi nya. Tapi sebelum membahasnya, anda perlu tahu dulu bahwa di dalam anggota tubuh kita itu ada terdapat banyak titik syaraf diseluruh permukaan kulit kita. Dan apabila kita melakukan suatu pijatan kecil pada suatu titik syaraf tertentu tersebut, maka akan memiliki dampak dan manfaat yang berbeda-beda pada kesehatan tubuh kita. Untuk jelasnya silahkan ikuti penjelasannya lengkapnya dibawah ini.
</font></p><p><font size=6 color=”red”><a name=”paragraf3″>Paragraf 3</a></font><br>
<font size=6>
Dengan padatnya aktifitas sehari-hari maka kita pun tentunya membutuhkan jadwal jam tidur yang cukup dan teratur untuk mengembalikan stamina anda. Cara yang biasa dilakukan oleh banyak orang untuk mengembalikan stamina tersebut selain dengan berolah raga dan mengasup makanan serta vitamin yang bergizi, kita pun memerlukan jadwal tidur yang cukup dan teratur. Namun untuk sebagian orang, ada yang sangat sulit sekali untuk bisa tidur, istilah populernya adalah insomnia. Nah, jika anda kebetulan mengalami sulit untuk tidur, tidak ada salahnya anda mencoba Tips Pijat Refleksi untuk mengatasi insomnia (sulit tidur) ini. Dengan melakukan pijatan kecil ini bisa menstimulasi anda menjadi lebih rileks dan bisa merangsang anda untuk bisa cepat tidur. Untuk melakukannya silahkan anda lakukan pijatan kecil pada area tangan anda ketika mau menjelang tidur atau sedang rebahan. Titik pijatannya bisa anda lihat pada gambar dibawah ini.
</font></p><p><font size=6 color=”red”><a name=”paragraf4″>Paragraf 4</a></font><br>
<font size=6>
Jika anda sedang mengalami depresi karena akibat dari banyaknya masalah yang sedang anda hadapi, maka semoga dengan tips pijat refleksi ini bisa membuat anda sedikit rileks melupakan sejenak permasalahan-permasalahan anda. Tentunya dengan melakukan hal ini tidak serta merta masalah anda dapat terselesaikan dengan baik, tapi paling tidak rasa depresi anda bisa sedikit agak dikurangi dengan tips pijat refleksi ini. Anda juga bisa gabungkan antara metode pijat refleksi untuk mengatasi depresi ini dengan metode pijat refleksi untuk mengatasi insomnia tadi diatas. Karena biasanya orang yang sedang mengalami depresi pun kadang kesulitan untuk tidur karena banyaknya masalah yang selalu terfikirkan. Untuk melakukan pijat refleksi untuk mengatasi depresi ini bisa dilakukan dengan cara memijat setiap ujung jari atas dari kaki anda. Dengan cara ini bisa membuat hormon serotonin anda bekerja, yang mana hormon serotonin ini bisa menimbulkan rasa bahagia pada orang yang mengalaminya. Selengkapnya bisa anda lihat pada gambar dibawah ini
</font></p><p><font size=6 color=”red”><a name=”paragraf5″>Paragraf 5</a></font><br>
<font size=6>
Hipertensi atau yang sering disebut dengan istilah darah tinggi ini adalah penyakit yang banyak dialami oleh sebagian orang yang biasanya sudah menginjak lansia atau lanjut usia. Penyakit hipertensi ini jika dibiarkan maka akan bisa menyebabkan seseorang itu terkena penyakit stroke bahkan bisa juga menyebabkan resiko kematian. Untuk mengurangi resiko-resiko tersebut, anda bisa lakukan dengan pijat refleksi ini sebagai pencegahan sekaligus mengatasi gejala hipertensi ini. caranya yaitu dengan cara memijat-mijat area telapak kaki anda dengan pijatan-pijatan kecil untuk melancarkan peredaran darah anda. Untuk lengkapnya anda bisa lihat gambar dibawah ini.
</font></p><p><font size=6 color=”red”><a name=”paragraf6″>Paragraf 6</a></font><br>
<font size=6>
Ketika dalam melakukan aktifitas sehari-hari tentunya anda akan aktif melakukan banyak gerakan dalam kegiatan anda. Hal ini tentunya akan membutuhkan pergerakan tulang dan otot sendi anda. Namun ada kalanya ketika kita beraktifitas kita merasakan otot sendi kita merasa sakit. Hal ini biasanya terjadi pada orang yang lanjut usia. Tapi tidak menutup kemungkinan akan terjadi juga pada anak muda seperti anda. Sebagian orang ada yang mengatasi masalah nyeri sendi ini dengan meminum jamu ada juga yg mengatasinya dengan istirahat ataupun cara lainnya. Nah, kali ini anda boleh coba sendiri dengan pijat refleksi ini. Caranya yaitu dengan memijat telapak kaki anda. Lihat titik yang harus anda pijat tersebut melalui gambar dibawah ini.
</font></p><br><br><font size=6 color=”yellow”><a href=”#paragraf1″>Kembali ke paragraf 1</a></font><br><font size=6 color=”yellow”><a href=”#paragraf2″>Kembali ke paragraf 2</a></font><br><font size=6 color=”yellow”><a href=”#paragraf3″>Kembali ke paragraf 3</a></font><br><font size=6 color=”yellow”><a href=”#paragraf4″>Kembali ke paragraf 4</a></font><br><font size=6 color=”yellow”><a href=”#paragraf5″>Kembali ke paragraf 5</a></font><br><font size=6 color=”yellow”><a href=”#paragraf6″>Kembali ke paragraf 6</a></font><br></body>
</html>

Setelah Kode-kode HTML tadi sudah anda copy paste pada Notepad anda, maka jangan langsung di save tapi laku kan pengeditan dulu terhadap kode-kode HTML tersebut agar ketika nanti kode diatas dieksekusi maka script tersebut bisa bekerja dengan baik tanpa ada error.

Jika anda mengcopy paste manual kode script HTML diatas tadi tanpa melakukan pengeditan dulu, maka kemungkinan yang akan terjadi adalah kode-kode dari script HTML tadi diatas ketika dieksekusi akan bekerja dengan tidak baik. Hal ini terjadi karena antara karakter huruf yang ada pada website dengan karakter huruf yang di paste pada notepad anda itu dibaca sebagai karakter yang berbeda oleh compiler komputer anda. Untuk itu kita harus melakukan pengeditan terlebih dahulu pada kode-kode HTML tadi terutama pada karakter huruf seperti tanda kutif dan karakter huruf yang lainnya.

Setelah Kode-kodenya anda copy paste pada Notepad anda, maka silahkan anda blok salah satu karakter tanda kutif (“) yang ada pada kode-kode tadi lalu klik kanan pada blok tersebut dan klik copy. Untuk lebih jelasnya lihat gambar dibawah ini.

blok karakter tanda kutif

Setelah karakter tanda kutif (“) tadi sudah anda copy, maka silahkan anda masuk ke menu EDIT –> Replace. Untuk lebih jelasnya lihat gambar dibawah ini.

klik menu edit lalu pilih replace

Maka akan muncul sebuah dialog box, lalu silahkan klik kanan pada box find what lalu pilih paste untuk mempaste karakter tanda kutif yang baru saja anda copy sebelumnya. Lihat gambar dibawah ini.

paste karakter tanda kutif

Setelah melakukan paste di box dialog replace, maka akan tampil karakter yang baru saja anda copy tadi pada box dialog find what. Lalu lanjutkan dengan menginput karakter tanda kutif melalui keyboard anda pada box Replace With. silahkan lihat gambar dibawah ini.

input tanda kutif dari keyboard

Setelah itu silahkan anda klik tombol Replace All untuk mengganti semua karakter tanda kutif yang di copy dari kode-kode website ini dengan karakter tanda kutif yang anda input melalui keyboard tadi.

Setelah karakter yang dicopy dari website tadi sudah diganti oleh karakter huruf inputan keyboard, maka silahkan lanjutkan dengan save file tersebut dalam format file .html.

Jika ketika anda melakukan save file html tersebut muncul peringatan seperti gambar dibawah ini.

tanda masih ada karakter yang invalid

Maka silahkan anda cari lagi karakter invalid lainnya yang anda curigai sebagai penyebab errornya. Lalu setelah itu lakukan pula hal yang sama pada karakter huruf lainnya yang anda curigai sebagai karater huruf yang membuat error saat eksekusi script kode ini sampai tanda peringatan pada gambar diatas tadi tidak muncul lagi ketika di save ulang.

Jika tanda peringatan seperti gambar diatas tadi sudah tidak muncul, maka seharusnya kode-kode yang sudah anda copy paste tadi sudah bisa bekerja dengan sukses tanpa error.

Jika anda belum faham benar dengan langkah-langkah yang saya jelaskan pada artikel ini, maka silahkan anda langsung tonton saja Video Tutorialnya. melalui Link yang dibawah ini. Atau Jika anda ingin melihat semua Video Tutorial Pembelajaran Website lainnya yang sudah saya upload ke youtube, maka silahkan anda kunjungi saja channelnya dengan klik link ini

https://www.youtube.com/channel/UCyHUJtWm75DPmaJ93L5trog

Untuk memudahkan anda mendapatkan Update Video terbarunya, maka silahkan anda klik tombol SUBSCRIBE atau LANGGANAN di channel youtube tadi GRATIS tidak dipungut biaya sepeserpun.

Sedangkan jika anda ingin Memaksimalkan Pengetahuan Tentang Komputer, maka silahkan klik

https://www.youtube.com/channel/UCCN00g4lvoawk5tWsU-_syA

Jangan lupa klik tombol SUBSCRIBE nya untuk ber LANGGANANGRATIS di channel youtube KE-2 saya ini untuk memudahkan anda mendapatkan UPDATE VIDEO TERBARU dari saya.

Saya cukupkan sekian dulu artikel saya yeng berjudul Cara Copy Paste Kode HTML Dari Website ini. Cara ini pun mungkin bisa anda manfaatkan juga ketika akan mengcopy paste suatu kode yang ada pada website orang lain. Silahkan anda praktekkan berulang-ulang sampai anda benar-benar faham semua tag-tag HTML yang sudah saya ajarkan. Semoga bermanfaat dan semoga sukses.

Tags: #belajar html #html #kode html #membangun website #tutorial website #web design

author
Penulis: 
Saya adalah Seorang Blogger yang aktif dan konsen di bidang programming, web design, graphic design dan bisnis online. Saya juga tertarik pada bidang Parenting, Kesehatan dan informasi bermanfaat lainnya.
Cara Posting Artikel Di Website Berbasis WordPress
Cara Posting Artikel Di Website Berbasis WordPress
Pada saat yang lalu saya sudah membahas
Konfigurasi WordPress Yang Penting Untuk Diketahui
Konfigurasi WordPress Yang Penting Untuk Diketahui
Pada kesempatan yang lalu saya sudah membahas
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Bagi anda yang ingin memiliki banyak website
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Langkah pertama yang harus anda lakukan ketika
Cara Membeli Domain Dan Hosting
Cara Membeli Domain Dan Hosting
Salah satu persyaratan untuk bisa memiliki sebuah
Cara Install WordPress Di Localhost Dengan Xampp
Cara Install WordPress Di Localhost Dengan Xampp
Sebagai lanjutan dari pembelajaran membangun website, kali
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Sebelum anda memulai untuk belajar membuat website,
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Pada kesempatan yang lalu saya sudah share
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Kali ini saya akan sharing bagaimana caranya

Beri komentar "Cara Copy Paste Kode HTML Dari Website"

Baca juga×

Top