Belajar Membuat Paragraf Menggunakan HTML
Assalamu'alaikum teman-teman,
Salam sejahtera bagi kita semua, Semoga kita diberikan kesehatan dan pemahaman yang baik untuk menyimak artikel yang saya buat ini.🙏🙏
Tentunya disetiap artikel atau tulisan-tulisan yang mengandung banyak unsur selalu menggunakan paragraf untuk mengelompokkan satu judul artikel atau tulisan yang kita buat dalam banyak kalimat.
Nah, diartikel kali ini saya akan memberikan materi buat kalian nih yang mau belajar membuat artikel atau tulisan diwebsite manual coding. Dibeberapa website juga kita bisa menuliskan artikel buatan kita tanpa harus menggunakan HTML untuk menulisnya karena website tersebut sudah menyiapkan fitur untuk penulis yang ingin memasukkan tulisan mereka di website tersebut, salah satunya adalah Blog yang bisa menulis dan memasukkan artikel tanpa harus melakukan manual coding.
Disini saya ingin memberikan kalian materi cara membuat paragraf menggunakan HTML. Di artikel sebelumnya sudah saya buatkan artikel Bahan-bahan Yang Disiapkan untuk mulai membuat sebuah Website yang bisa kalian ikuti langkah-langkah untuk menginstall bahan-bahannya.
Oke tanpa harus banyak basa-basi langsung aja kita ngoding untuk membuat paragrafnya.
- Silahkan start apache pada XAMPP kalian dan buka aplikasi Sublime Text yang sudah di install di laptop/komputer kalian dengan mengikuti langkah berikut Klik Disini.
- Diartikel sebelumnya saya sudah buat folder bernama html. Silahkan baca artikelnya disini.
- Nah, didalam folder html itu kalian buat lagi folder dengan nama paragraf.
- Buka sublime text kemudian buka folder html pada sublime text kalian. Maka akan tampil folder Paragraf yang sudah kita buat tadi . Tampilannya akan seperti gambar dibawah ini.
5. Nah, kalau sudah seperti itu kita klik kanan dibagian folder paragraf dan pilih new file. kemudian simpan (ctr + s) dengan nama paragraf.html.
6. Oke langsung aja kita ngoding yah. Silahkan Copy Paste atau ketik aja codingan dibawah ini.
<html>
<head>
<title>Belajar Membuat Paragraf</title>
</head>
<body>
<h1>Belajar Membuat Paragraf</h1>
<p>
Assalamu'alaikum gays, Kembali lagi dichannel saya Koding Web Programming. Banyak hal yang harus kita lakukan ketika kita ingin belajar, akan tetapi belajar itu gk susah kok guys, kalian bisa belajar lewat internet yang menyediakan berbagai macam platform untuk belajar
</p>
</body>
</html>
7. Sekarang kita simpan codingannya (ctrl + s) kemudian kita jalankan di browser dengan mengetik localhost/html/paragraf/paragraf.html . Maka hasilnya akan seeperti dibawah ini.
Bukan cuman itu aja loh guys contoh paragraf yang saya berikan. Akan tetapi ada contoh paragraf Line Break yaitu membentuk sebuah paragraf yang berbentuk list agar tulisannya menjadi rapi kebawah tanpa harus memakan tempat memanjang kesamping.
Oke langsung aja kita ngoding nya.
- Kalian buat aja file baru didalam folder paragraf dengan nama line_break.html kemudian ketikkan code HTML dibawah ini.
<html>
<head>
<title>Belajar Membuat Paragraf Line Break</title>
</head>
<body>
<h1>Belajar Membuat Paragraf Line Break</h1>
<p>
Line Break <br>
Line Break <br>
Line Break <br>
Line Break <br>
Line Break <br>
Line Break <br>
Line Break <br>
</p>
</body>
</html>
2. Silahkan kalian buka hasil coding kalian di browser dengan mengetik localhost/html/paragraf/line_break.html. Maka hasilnya akan seperti dibawah ini.
Oke kalau udah kita lanjut lagi ke materi terakhir tentang paragraf yaitu adalah posisi paragraf atau align. Nah, posisi paragraf ini ada 3 yaitu posisi penulisan dari kiri, tengah, dan kanan. Kalau masih bingung kita langsung aja praktekkin cara pembuatannya.
- Buat file baru didalam folder paragraf dengan nama align.html. Jika sudah kalian ketikkan code HTML dibawah ini.
<html>
<head>
<title>Belajar membuat align paragraf</title>
</head>
<body>
<h1>Belajar membuat align paragraf</h1>
<p align="left">
Assalamu'alaikum gays, Kembali lagi dichannel saya Koding Web Programming. Banyak hal yang harus kita lakukan ketika kita ingin belajar, akan tetapi belajar itu gk susah kok guys, kalian bisa belajar lewat internet yang menyediakan berbagai macam platform untuk belajar
</p>
<p align="center">
Assalamu'alaikum gays, Kembali lagi dichannel saya Koding Web Programming. Banyak hal yang harus kita lakukan ketika kita ingin belajar, akan tetapi belajar itu gk susah kok guys, kalian bisa belajar lewat internet yang menyediakan berbagai macam platform untuk belajar
</p>
<p align="right">
Assalamu'alaikum gays, Kembali lagi dichannel saya Koding Web Programming. Banyak hal yang harus kita lakukan ketika kita ingin belajar, akan tetapi belajar itu gk susah kok guys, kalian bisa belajar lewat internet yang menyediakan berbagai macam platform untuk belajar
</p>
</body>
</html>
Penejalasan: left adalah arah menulis paragraf dari kiri ke kanan, center adalah arah menulis dari tengah, right adalah arah menulis dari kanan ke kiri.
Kalau kalian masih bingung langsung aja simpan codingannya (ctr + s) kemudian jalankan di browser kalian dengan menulis localhost/html/paragraf/align.html. Maka hasilnya akan seperti dibawah ini
Oke mungkin sampai sini aja artikel yang saya buat semoga bermanfaat bagi kalian semua. Jika adalah kesalahan dalam pengetikan dan penyampaian materi silahkan kalian boleh berkomentar dibawah ini .
Terimakasih teman-teman.😊😊🙏🙏
Komentar
Posting Komentar