Cara menggunakan html source code

Table of Contents Show

Bagaimana cara menggunakan HTML?
Bagaimana cara melihat source code halaman?
Bagaimana cara penulisan tag HTML yang benar?
Bagaimana cara membuat link di HTML?

Seringkali kita melihat website orang lain dalam menyajikan tutorial yang dilengkapi dengan source code disajikan secara rapi dan lengkap dengan line number.

Jika kita meng paste dari editor seperti notepad++ ke editor blogspot, tentunya source code akan tidak sesuai dengan harapan. Sebenarnya ada banyak cara menyajikan source code secara rapi, salah satunya adalah dengan menggunakan editor online yang memiliki fitur seperti yang disebutkan diatas.

Beriku ini adalah postingan suatu source code lengkap dengan lin number dan sesuai dengan ekstensi filenya seperti yang ditunjukkan gambar dibawah ini :

#include <stdio.h>
#include <stdlib.h>
void hitungLagi(int atas);
main()
{
hitungLagi(10);
printf("\n");
system("PAUSE");
return 0;
}
void hitungLagi(int atas)
{
if(atas > 1)
hitungLagi(atas-1);
printf("%4d", atas);
}

Mungkin...banyak disediakan cara-cara untuk memecahkannya. Kadang ada yang berhasil...banyak juga yang tidak...Biasanya yang tidak berhasil akibat menggunakan template yang disediakan pihak ketiga dan di template tersebut tidak tersedia fitur untuk posting source code dengan line number. Sehingga mau tidak mau....kita harus mengedit templatenya dibagian "Edit HTML". Nah kadangkala hal ini belum dijamin kerbehasilannya...tergantung dari tingkat pemahaman dari script template yang kita gunakan.

Solusinya adalah dengan menggunakan web yang bertugas menformat source code dengan line number.
Anda bisa mencoba : http://pastebin.com/.

Silahkan atur format yang anda inginkan...dan pilihlah ekstensi filenya.
Berikut ini contoh lainnya....

<?php
session_start();
if(isset($_SESSION['username'])) {
header('location:index.php'); }
require_once("koneksi.php");
?>
<html>
<head>
<title>Form Login</title>
</head>
<body>
<center>
<form action="proseslogin.php" method="post">
<tr><td colspan="2" align="center"><h1>Masuk</h1></td></tr>
<table>
<tr><td>Username</td><td> : <input type="text" name="username"></td></tr>
<tr><td>Password</td><td> : <input type="password" name="password"></td></tr>
<tr><td colspan="2" align="right"><input type="submit" value="Login"> <input type="reset" value="Batal"></td></tr>
<tr><td colspan="2" align="center">Belum Punya akun ? <a href="daftar.php"><b>Daftar</b></a></td></tr>
</table>
</form>
</center>
</body>
</html>

Bagaimana cara menggunakan HTML?

Cara Membuat Halaman Web Sederhana dengan HTML.

Buka editor teks. ... .

Atur jenis dokumen untuk HTML. ... .

Tambahkan tab judul untuk halaman web kamu. ... .

Ketik di bawah tag "Head" yang tertutup. ... .

Selanjutnya membuat judul halaman. ... .

Tambahkan judul tambahan jika kamu mau. ... .

Membuat paragraf. ... .

Mengubah warna teks..

Bagaimana cara melihat source code halaman?

View page source akan muncul jika Anda menggunakan Firefox dan Chrome. Pada Internet Explorer dan Microsoft Edge, yang ditampilkan adalah View Source. Untuk memunculkan kode sumber, Anda juga bisa menekan tombol ⌥ Option + ⌘ Command + U (Mac) atau Ctrl + U (Windows) .

Bagaimana cara penulisan tag HTML yang benar?

Tag dibuat dengan kurung siku ( <...> ), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut. Contoh: <p> , <a> , <body> , <head> , dan sebagainya. Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya.

Bagaimana cara membuat link di HTML?

Cara Membuat Link di HTML Link pada HTML dapa dibuat dengan tag <a> , kemudian tag ini harus memiliki atribut href untuk menentukan alamat URL tujuan dari link. Link akan ditampilkan dengan warna biru dan garis bawah. Ini adalah style standar dari setiap browser.