Minggu, 10 Mei 2020

TUGAS DARING MATERI 3 BELAJAR HTML - HTML Tag, Element, Attribute & Comment

Membuat Website Sederhana

Berikut contoh kode html untuk membuat website sederhana biodata :

<!DOCTYPE html>
<html>
<head>
<title>Website Pribadiku</title>
</head>
<body bgcolor="pink">
<!-- <h1>Hello World</body> -->
<h1><center>Welcome To My Website</center></h1>
<center><a href="https://www.dini-pelajarperdulicovid19.blogspot.com/">Kunjungi BLOGku</a></center>
<hr>
<!-- <img> adalah tag untuk memasukan element gambar -->
<img src="DiniJulianti.jpg" >
<p><center> Dini Julianti </center></p>
    <h2><center><b> MY BIOGRAFI </b></center></h2>
<p><center> Bandung, 12 Januari 2003 </center></p>
<p><center> Perempuan </center></p>
<p><center> Jln.Pasir Gede Kp.Sudimampir Rt/Rw 03 </center></p>
    <p><center>Contact:</center></p>
<p><center>089516138051 - dinijuliyanti12@gmail.com </p></center>
<br> Pengalaman saya selama stay@home ini banyak sekali yang didapatkan, terutama untuk membantu ibu saya mengerjakan pekerjaan rumah. 
Saya juga menjadi lebih sering untuk memasak, tetapi tak jarang rasa dari masakannya tidak sesuai dengan ekspetasi. Kadang - kadang
saya juga menulis sebuah cerita fiksi dalam suatu aplikasi dengan imajinasi yang saya tuangkan dalam cerita tersebut. Dalam stay@home
ini juga orang - orang cenderung melakukan kegiatan positif dan lebih menggali bakat yang ada dalam diri masing - masing orang tersebut.
Maka dari itu untuk teman - teman sekalian, tetap stay safe dan menjaga kebersihan ya😊. </br>
</body>
</html>

Kode html di atas akan seperti di bawah ini :


Hasil kode html di atas akan seperti di bawah ini :


Setelah selesai, kita bisa mengklik link yang ada diatas dan hasil nya akan seperti di bawah ini : 

f

Foto siswi yang mengerjakan :


Tidak ada komentar:

Posting Komentar

Tugas Project PBO

  Tampilan Website Daftar Riwayat Hidup Dengan HTML dan CSS - Tampilan coding untuk halaman 1 Hasil tampilan coding diatas : - Tampilan codi...