HTML PART 3:Dasar menggunakan style HTML


ASSLAMUALAIKUM wr wb



hai,teman-teman terima kasih telah mengunjungi blog saya.
kali ini saya akan membahas dasar dari style HTML.
langsung saja pembahasanya.



1.Alat dan Bahan
1.laptop/pc
2.ada sublime text/notepad/atom



2.Maksud dan Tujuan 
-dapat memahami tag html dan cara penggunaannya



3.Macam-macam tag penggunaan dalam HTML
1. HTML Warna Background
Background-color adalah properti mendefinisikan warna latar belakang untuk elemen HTML.
 Contoh:
<!DOCTYPE html>
<html>
<body style="background-color: powderblue;">

<h1>ini heding</h1>
<p>ini paragraf.</p>

</body>
</html> 
ini hasilnya:


2.HTML Warna Teks
Warna properti mendefinisikan warna teks untuk elemen html.
contoh:

<h1 style="color: #green";>This is heading</h1>
<p style="color: red;">This is a paragraph</p>
ini hasilnya:



 3.HTML Font
font-family properti mendefinisikan font yang akan digunakan untuk elemen.
contoh:
<h1 style="font-family: verdana;">ini hading</h1>
<p style="font-family: courier;">ini paragraf</p>
ini hasilnya:

4.HTML Text Size
font-size properti mendefinisikan ukuran text untuk elemen HTML.
contoh:
<h1 style="font-size: 300%;">ini heding</h1>
<p style="font-size: 160%;">ini paragraf.</p>
ini hasilnya:

5.HTML Penyelarasan Text
text-align properti mendefinisikan perataan text horisontal untuk elemen HTML.
contoh:
<h1 style="text-align: center;">ini heding</h1>
<p style="text-align: center;">ini paragraf</p>
ini hasilnya:



catatan dari saya:
1.gunakan gaya atribut untuk elemen styling HTML
2.gunakan background-color untuk warna Background
3.gunakan color untuk warna text
4.gunakan font-family untuk font text
5.gunakan font-size untuk ukuran text
6.gunakan text-align untuk perataan text



REFERENSI:
http://www.w3schools.com/html/html_styles.asp



Semoga bermanfaat dan sekian dari saya terima kasih.



     WASSALAMUALAIKUM wr wb.

Komentar

Posting Komentar

Postingan populer dari blog ini

how to upgrade php5.6 ke php 7.0

Gambar
UPGRADE PHP5.6 KE PHP7.0 ASSALAMUALAIKUM wr wb.     pada artikel kali ini saya akan membahas tentang bagaimana mengupgrade php5.6 ke php7.0 1.PENGERTIAN.     php yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.  2.MAKSUD DAN TUJUAN.    untuk mengetahui fitur apa saja yang baru dari php7 dibandingan dengan php sebelumya. 3.ALAT DAN BAHAN. - laptop/komputer yang terinstall os linux. -koneksi internet.; -web browser. 4.WAKTU PELAKSANAAN.    sekitar kurang lebih 15 menit tergantung koneksi internet. 5.PEMBAHASAN.     kelebihan dan kekurangan php 1.kelebihan.             -Bisa membuat Web menjadi Dinamis.     -PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara gratis.     ...
Terus membaca

tutorial install cms sekolahku di web server lokal

Gambar
MENGINSTALL CMS SEKOLAHKU ASSALAMUALAIKUM wr wb.    pada artikel kali ini saya akan membahas tentang bagaimana menginstall csm sekolahku di web server lokal. 1.PENGERTIAN.       cms adalah sebuah aplikasi web atau software web yang tujuannya untuk memudahkan dalam pengelolaan (upload,edit,menambahkan,dll) konten dalam sebuah website/blog/aplikasi web tanpa harus dibekali pengetahuan tentang hal-hal yang bersifat teknis tanpa harus memiliki pengetahuan tentang bahasa pemrograman web. 2.MAKSUD DAN TUJUAN.     untuk mengetahui tentang proses penginstalan sampai menganti tampilan dan source codenya. 3.ALAT DAN BAHAN. -laptop/komputer yang terinstall os linux mint atau os lainya. -file cms sekolahku. -web server(lamp) -web browser. 4.WAKTU PELAKSANAAN.     sekitar kurang lebih 10 menit. 5.TAHAP PELAKSANAAN.        1.ekstrak file cms sekolahku kalau...
Terus membaca

PHP PART 2:ECHO DAN PRINT PHP

Gambar
PRINT AND ECHO PHP ASSALAMUALAIKUM wr wb.    pada kesempatan hari saya akan membahas tentang echo dan print. 1.PENGERTIAN.     echo digunakan untuk menampilkan hasil output sebanyak satu atau lebih data yang dipisahkan dengan tanda koma (,) pada browser.    print memiliki fungsi yang sama dengan echo, namun print hanya mampu menampilkan data tunggal (hanya satu data). 2.MAKSUD DAN TUJUAN.    untuk mengetahui bagaimana fungsi output yang dihasilkan oleh script echo dan print. 3.ALAT DAN BAHAN. *laptop/komputer. *sublime text. *web browser. 4.PEMBAHASAN.    1.contoh php echo.    hasilnya: 2.contoh print php. hasilnya:      sekian dari saya terima kasih telah berkunjung semoga bermanfaat. WASSALAMUALAIKUM wr wb.
Terus membaca