coding untuk membuat beberapa halaman baru di bahasa pemrograman html/css

Coding untuk membuat beberapa halaman baru di bahasa pemrograman html/css

Coding untuk membuat beberapa halaman baru di bahasa pemrograman html/css

Jawaban :

Html adalah Hypertext Markup Language atau HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman website.

CSS adalah bahasa Cascading Style Sheet dan biasanya digunakan untuk mengatur tampilan elemen yang tertulis dalam bahasa markup, seperti HTML. CSS berfungsi untuk memisahkan konten dari tampilan visualnya di situs.

Contoh coding halaman baru html :

Membuat dua file dengan nama

  1. Index.html
  2. kontak.html

index.html dengan coding :

<!DOCTYPE html>
<html>
<head>
<title>Awonapa JR</title>
</head>
<body>
<!-- Kita tambahkan link yang menghubungkan antara kedua file html tersebut-->
<div>
<a href="index.html"> Home </a>
<a href="kontak.html"> Kontak </a>
</div>

<h1>Selamat Datang Di Web Awonapa JR</h1>
<p>Ini adalah halaman utama dari website Awonapa Jr</p>
<div>
<p>Silahkan Kunjungi Fanspage kami.</p>
<a href="www.facebook.com">Fanspage Facebook</a>
<img src="html.png" height="100" width="200" />
<a href="www.facebook.com">Fanspage Twitter</a>
</div>
</body>
</html>

kontak.php dengan coding :

<!DOCTYPE html>
<html>
<head>
<title>Kontak</title>
</head>

<body>
<!-- Kita tambahkan link yang menghubungkan antara kedua file html tersebut-->

<div>
<a href="index.html"> Home </a>
<a href="kontak.html"> Kontak </a>
</div>

<h1>Selamat Datang Di Web Awonapa JR</h1>

<p>Ini adalah halaman kontak dari website Awonapa Jr</p>
</body>
</html>

Coding dengan CSS :

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<h1>This is another heading</h1>
<p>This is another paragraf.</p>

</body>
</html>

Jadi, penjelasan tentang pengertian sekaligus proses coding pembuatan halaman baru sesuai dengan penjelasan yang tertera diatas.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.