Skip to content

Commit a38e398

Browse files
committed
Merge branch 'main' of https://github.com/atticdev/HTML-CSS
2 parents 28281b8 + bbc58ac commit a38e398

1 file changed

Lines changed: 50 additions & 0 deletions

File tree

HTML/HTML Style/HTML Style.md

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
## HTML Style
2+
3+
### Apa Itu HTML Style ?
4+
HTML Style adalah atribut yang digunakan untuk memberikan style/gaya pada suatu elemen, seperti color, font, size, dan sebagainya.
5+
6+
atribut Style memiliki sintaks seperti berikut:
7+
`<tag style="property:value;">`
8+
9+
### Contoh Penerapan Style
10+
11+
**Background Color**
12+
13+
Background color berfungsi untuk mendefinisikan warna latar belakang pada suatu elemen HTML.
14+
```html
15+
<body style="background-color:white;">
16+
<h1>Hello World</h1>
17+
</body>
18+
```
19+
20+
**Text Color**
21+
22+
Color berfungsi untuk mendefinisikan warna teks pada suatu elemen HTML.
23+
```html
24+
<h1 style="color:merah;">Ini heading berwarna merah.</h1>
25+
<p style="color:kuning;">Ini paragraf berwarna kuning.</p>
26+
```
27+
28+
**Text Size**
29+
30+
Text size berfungsi untuk mendefinisikan ukuran teks pada suatu elemen HTML.
31+
```html
32+
<h1 style="font-size:300%;">This is a heading</h1>
33+
<p style="font-size:160%;">This is a paragraph.</p>
34+
```
35+
36+
**Font Family**
37+
38+
Font family berfungsi untuk mendefinisikan font yang akan digunakan pada elemen HTML.
39+
```html
40+
<h1 style="font-family:arial;">Ini heading berwarna merah.</h1>
41+
<p style="font-family:serif;">Ini paragraf berwarna kuning.</p>
42+
```
43+
44+
**Text Align**
45+
46+
Text align berfungsi untuk menentukan posisi elemen secara horizontal.
47+
```html
48+
<h1 style="text-align:center;">Centered Heading</h1>
49+
<p style="text-align:center;">Centered paragraph.</p>
50+
```

0 commit comments

Comments
 (0)