Holla guys ...
Pada kali ini saya akan membahas tentang tutorial bagaimana cara membuat website berbasis html dengan menggunakan media notepad++. Kata "website" mungkin sudah tidak asing lagi bagi kita para pengguna Internet. Website atau sering juga disingkat dengan sebutan Web adalah sebuah halaman yang berisi informasi yang dapat diakses melalui jaringan Internet di seluruh dunia.
Seiring meningkatnya pengguna Internet, semakin banyak juga orang yang membuat situs websitenya sendiri. Nah, sebenarnya untuk membangun sebuah halaman web itu dapat dilakukan dengan menggunakan aplikasi notepad ataupun notepad++ yang berbasis pada tag HTML (HyperText Markup Language). Tag HTML inilah yang dapat merancang tampilan halaman web itu sendiri. Lalu, apa sajakah elemen-elemen dasar HTML yang digunakan untuk membuat sebuah web? simak penjelasan berikut ini.
Tag Dasar HTML
Setelah Anda mengetahui dan mempelajari fungsi dari masing-masing tag dasar HTML, maka langkah selanjutnya Anda bisa mengaplikasikannya langsung untuk membuat website berbasis HTML dengan menggunakan aplikasi Notepad++.
Langkah-Langkahnyaa:
1. Pertama-tama buka aplikasi Notepad++, jika Anda belum punya aplikasinya terlebih dahulu anda mendownloadnya dan menginstalnya yahh..
2. Setelah dibuka atau setelah selesai mengintalnya, kalian bisa mngikuti syntak dibawah ini untuk belajar ya bukan untuk di copass lho!😅
<body bgcolor='white' text='red'> : Warna latar dan teks.<h1></h1> : Tag Heading, selain itu ada juga h2, h3, h4, h5 dan h6.
3. Jika sudah selesai, simpan file tersebut dalam format (.html), caranya klik menu File >> Save As >> Beri nama file >> Rubah format (.txt) menjadi (.html) >> Klik Save. Perhatikan gambar di bawah ini.
outputnya seperti dibawah,
Langkah di atas merupakan cara yang sederhana dalam membangun halaman web, Anda pun bisa mengkreasikan tampilan halaman web Anda dengan menggunakan tag HTML pendukung lainnya.
Berikut Contoh Tag HTML-nya:
- <html> </html> : Jenis Dokumen
- <head> </head> : Bagian Header atau Atas Web.
- <title> </title> : Judul Halaman Web.
- <body> </body> : Bagian Body atau Isi Web.
Berikut ini adalah contoh Tag HTML yang paling dasar untuk membuat sebuah halaman web:
Setelah Anda mengetahui dan mempelajari fungsi dari masing-masing tag dasar HTML, maka langkah selanjutnya Anda bisa mengaplikasikannya langsung untuk membuat website berbasis HTML dengan menggunakan aplikasi Notepad++.
Langkah-Langkahnyaa:
1. Pertama-tama buka aplikasi Notepad++, jika Anda belum punya aplikasinya terlebih dahulu anda mendownloadnya dan menginstalnya yahh..
2. Setelah dibuka atau setelah selesai mengintalnya, kalian bisa mngikuti syntak dibawah ini untuk belajar ya bukan untuk di copass lho!😅
Ket:
<body bgcolor='white' text='red'> : Warna latar dan teks.<h1></h1> : Tag Heading, selain itu ada juga h2, h3, h4, h5 dan h6.
3. Jika sudah selesai, simpan file tersebut dalam format (.html), caranya klik menu File >> Save As >> Beri nama file >> Rubah format (.txt) menjadi (.html) >> Klik Save. Perhatikan gambar di bawah ini.
4. Sekarang bisa dilihat hasilnya dengan membuka
file melalui browser seperti Mozilla Firefox, Google Chrome, UC Browser,
atau yang lainnya yaa terserah yang penting ada aplikasi yang buat searching.
Langkah di atas merupakan cara yang sederhana dalam
membangun halaman web, Anda pun bisa mengkreasikan tampilan halaman web Anda
dengan menggunakan tag HTML pendukung lainnya.
5. Jika Ingin membuat tabel begini source codenya,,
5. Jika Ingin membuat tabel begini source codenya,,
outputnya seperti dibawah,
Langkah di atas merupakan cara yang sederhana dalam membangun halaman web, Anda pun bisa mengkreasikan tampilan halaman web Anda dengan menggunakan tag HTML pendukung lainnya.
Berikut Contoh Tag HTML-nya:
Ket :
§ <body
bgcolor='white' text='red'> : Warna latar dan teks.
§ <center>
</center> : membuat konten berada di
tengah.
§ <font
face=comic size=6 color=red> : mengubah tampilan, ukuran dan warna
teks.
§ <b>
</b> : agar teks menjadi tebal.
§ <i>
</i> : agar teks menjadi miring.
§ <u>
</u> : menggaris-bawahi teks.
§ <marquee
scrollamount=15>Share ilmu yanng bermanfaat</marquee> : membuat konten (menjadi
bergerak. Angka 15 adalah kecepatan gerak dari konten, semakin besar angka maka
semakin cepat konten bergerak.
§ <hr> : membuat garis horizontal.
§ <br> : membuat baris baru atau enter.
§ <p>
</p> : membuat paragraf baru.
§ <li>
</li> : membuat list atau daftar.
Dan berikut hasilnya:
Demikian tutorial tentang
bagaimana cara membuat sebuah halaman web berbasis HTML dengan
menggunakan aplikasi Notepad++, cara ini masih terbilang sederhana karena belum
ada pengaturan layout atau tata letak seperti yang ada pada website atau blog
pada umumnya. Namun tidak salah jika kita pelajari teknik dasarnya dahulu dalam membuat website berbasis HTML.
Sekian dan Terima kasih sebelumnya, semoga bermanfaat yah gengs 😊😊 !!
Sekian dan Terima kasih sebelumnya, semoga bermanfaat yah gengs 😊😊 !!
Tidak ada komentar:
Posting Komentar