 Show Assalamualaikum Wr. Wb Hallo sobat disini saya akan berbagi sedikit tips cara membuat w3shool offline yaitu dengan memasang w3shool di localhost di PC/Komputer kita PEMAHAMAN W3Schools adalah situs web developer yang informatif, dengan tutorial dan referensi terkait topik pengembangan web seperti HTML, CSS, JavaScript, PHP, SQL, dan JQuery. Situs ini mendapatkan namanya dari singkatan World Wide Web, W3 adalah numeronim dari www. w3schools tidak berafiliasi dengan W3C. Itu dibuat dan dimiliki oleh data Refsnes, sebuah perusahaan pengembangan dan konsultasi perangkat lunak milik keluarga Norwegia. Situs ini menyediakan panduan referensi yang mencakup banyak aspek pemrograman web, termasuk teknologi seperti HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL, dll. W3Schools menyediakan ribuan contoh kode. Dengan menggunakan editor online yang disediakan, pembaca dapat mengedit contoh dan mengeksekusi kode percobaan LATAR BELAKANG Saat ini jika kita ingin belajar pemrograman melalui w3school kita harus terkoneksi dengan jaringan online. Tapi dengan tutor ini, kamu bisa belajar di w3shools offline tanpa koneksi jaringan TUJUAN & TUJUAN Sehingga kita bisa belajar pemrograman dengan mudah dan tanpa koneksi internet. jadi kapan saja kita ingin belajar pemrograman melalui w3shools bisa dilakukan tanpa koneksi jaringan ALAT & BAHAN
1. Pastikan Lamp Server/xampp sudah terinstall di PC/Laptop sobat 2. Siapkan file W3Shool yang sudah kita download dari link diatas 3. Masuk terminal (CTRL+ALT+T) lalu login sebagai super user (sudo su) lalu masukkan perintah (caja) mengenakan biaya4. Jika terjadi error caja belum terinstall di laptop sobat, install caja terlebih dahulu dengan perintah berikut apt-get install caja5. Setelah masuk caja extract file W3Schools dengan cara Klik Kanan > Extract to Kemudian extract ke File System/var/www/html 6. Tunggu proses ekstrak selesai http. //localhost/w3schools_offline2016/ KESIMPULAN Jadi kesimpulannya kita bisa belajar pemrograman secara offline melalui localhost REFERENSI
Konten mencakup tutorial dan referensi yang terkait dengan HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, dan jQuery. Dibuat pada tahun 1998, namanya berasal dari World Wide Web, tetapi tidak berafiliasi dengan W3C (World Wide Web Consortium). Mungkin teman-teman tahu editor online seperti W3school, kali ini matadeveloper ingin berbagi tutorial cara membuat code editor online seperti W3School, mari langsung saja ke pembahasannya, Di sini kita membuat sebuah file bernama editor. html, lalu masukkan script html di bawah ini <!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user
<link href="https://www.google-analytics.com" rel="dns-prefetch">
<link rel="shortcut icon" href="https://matadeveloper.com/frontend/logo/Logo1.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
textarea, iframe {
border: 2px solid #ddd;
height: 500px;
width: 100%;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td width="50%" scope="col"> </td>
<td width="50%" align="left" scope="col">
<input onclick="runCode();" class="btn btn-primary" type="button" value="Run Code">
</td>
</tr>
<tr>
<td>
<form>
<strong>Code</strong>
<textarea name="sourceCode" id="sourceCode">
<html>
<head>
<title>Hello</title>
</head>
<body>
<h1>Hello!</h1>
<p>Write HTML, CSS or JavaScript code here and click 'Run Code'.</p>
</body>
</html>
Setelah menyalinnya, simpan dengan nama editor. html Disini saya akan sedikit menjelaskan cara kerja editor ini, hanya bisa menjalankan script seperti html, javascript dan css saja. di bagian ini <script type="text/javascript">
function runCode()
{
var content = document.getElementById('sourceCode').value;
var iframe = document.getElementById('targetCode');
iframe = (iframe.contentWindow) ? iframe.contentWindow : (iframe.contentDocument.document) ? iframe.contentDocument.document : iframe.contentDocument;
iframe.document.open();
iframe.document.write(content);
iframe.document.close();
return false;
}
runCode();
</script>_Itu akan mengeksekusi dari kode sumber yang kita buat di area teks Kode dan menerjemahkannya ke Output targetCode, di mana itu akan menerjemahkan bahasa yang kita buat di kode area teks Mungkin hanya itu penjelasan dari saya, semoga bermanfaat bagi sobat semua dan mungkin ada yang ingin mengembangkannya lagi, selamat mencoba Langkah demi langkah membuat website dengan HTML?Cara Membuat Halaman Web Sederhana dengan HTML . Buka editor teks. . Setel jenis dokumen ke HTML. . Tambahkan tab judul ke halaman web Anda. . Ketuk di bawah tanda "Kepala" tertutup. . Selanjutnya buat judul halaman. . Tambahkan judul tambahan jika Anda mau. . Buatlah sebuah paragraf. . Mengubah warna teks Apa isi situs web W3Schools?W3Schools adalah situs web informasi pengembang, dengan tutorial dan referensi terkait topik pengembangan web seperti HTML, CSS, JavaScript, PHP, SQL, dan JQuery.
Apa itu HTML & CSS?HTML dan CSS terkait erat. Karena HTML adalah bahasa markup (pondasi situs) dan CSS meningkatkan gaya (untuk semua aspek yang terkait dengan tampilan situs web) , maka kedua bahasa pemrograman ini harus berjalan beriringan.
Jelaskan apa saja yang termasuk HTML dalam bahasa pemrograman?HTML singkatan dari Hypertext Markup Language. Konsep HTML sering dikaitkan dengan bahasa pemrograman. Namun sebenarnya HTML bukanlah bahasa pemrograman (programming language), melainkan bahasa markup. |
Cara menggunakan html w3school
Pos Terkait
Copyright © 2024 apacode Inc.
