HIMANIFO UNIMMA
 Mengubah Style di HTML Web Programming 

14:00:00, 09 November 2020

Web Programming

MENGUBAH STYLE DI HTML

Atribut style HTML digunakan untuk menambahkan gaya ke elemen, seperti warna, font, ukuran, dan lainnya.
Contoh:

<!DOCTYPE html>
<html>
<head>
<title>Mengubah Style di HTML</title>
</head>
<body>
<p style="color:yellow;">Ini text warna kuning</p>
<p style="font-family:arial;">Ini text font Arial</p>
<p style="font-size:28px;">Ini text size 28px</p>
</body>
</html>

Try Here >>

Nilai dari atribut style merupakan properti CSS. Jika ingin memperajari lebih lanjut tentang CSS nantikan tutorial saya. Untuk saat ini saya hanya akan menjelaskan sedikit, sekiranya yang penting-penting saja.

WARNA BACKGROUND

Properti CSS background-color menentukan warna latar belakang untuk elemen HTML.

<!DOCTYPE html>
<html>
<head>
<title>Warna Background di HTML</title>
</head>
<body style="background-color:powderblue;">
<h1>Ini Heading</h1>
<p>Ini Paragraf.</p>
</body>
</html>

Try Here >>

Kalian juga bisa menetapkan warna latar belakang yang berbeda untuk tiap elemen:

<!DOCTYPE html>
<html>
<head>
<title>Warna Background di HTML</title>
</head>
<body>
<h1 style="background-color:powderblue;"> Ini Heading </h1>
<p style="background-color:tomato;"> Ini Paragraf. </p>
</body>
</html>

Try Here >>

WARNA TEXT

Properti color CSS menentukan warna teks untuk elemen HTML:

<!DOCTYPE html>
<html>
<head>
<title>Warna Text di HTML</title>
</head>
<body>
<h1 style="color:yellow;"> Ini Heading </h1>
<p style="color:blue;"> Ini Paragraf. </p>
</body>
</html>

Try Here >>

FONT TEXT

Properti CSS font-family mendefinisikan font yang akan digunakan untuk elemen HTML:

<!DOCTYPE html>
<html>
<head>
<title>Font Text di HTML</title>
</head>
<body>
<h1 style="font-family:arial;"> Ini Heading Font Arial. </h1>
<p style="font-family:Helvetica;"> Ini Paragraf Font Helvetica. </p>
</body>
</html>

Try Here >>

UKURAN TEXT

Properti CSS font-size mendefinisikan ukuran teks untuk elemen HTML:

<!DOCTYPE html>
<html>
<head>
<title>Ukuran Text di HTML</title>
</head>
<body>
<h1 style="font-size:20px;"> Ini Heading Size 20px. </h1>
<p style="font-size:200%;"> Ini Paragraf Size 200%. </p>
</body>
</html>

Try Here >>

PERATAAN TEXT

Properti CSS text-align mendefinisikan perataan teks horizontal untuk elemen HTML:

<!DOCTYPE html>
<html>
<head>
<title>Perataan Text di HTML</title>
</head>
<body>
<h1 style="text-align:left;"> Ini Heading. </h1>
<p style="text-align:center;"> Ini Paragraf 1. </p>
<p style="text-align:right;"> Ini Paragraf 2. </p>
</body>
</html>

Try Here >>

MUDAH KAN ?? SELANJUTNYA..

Membuat List di HTML Web Programming | HIMANIFO UNIMMA →

Jika ada pertanyaan bisa gabung diskusi dibawah atau kontak langsung
Mail :
ajiwahyu12592@gmail.com

#Himanifo Unimma
#Mengubah Style Di HTML
#Belajar Web Programming
#Himpunan Mahasiswa Jurusan Teknik Informatika

Gabung Diskusi