Cara Buat Style HTML

22 November 2019 19:04 2542 View

Hallo Teman-teman kali saya akan menjelaskan sedikit cara membuat style di HTML. Apa sebetulnya fungsi dari style ini

Dasar Style Tag HTML

HTML <style> element digunakan untuk menyisipkan kode style atau CSS ke dalam sebuah dokumen web (HTML).

<style> element ditulis di dalam element <head>..</head> yang merupakan bagian kepala sebuah dokumen HTML. Apabila dituliskan attribute scoped, maka penempatannya boleh ditulis di bagian manapun di dalam element HTML, yang mana style tersebut hanya berlaku dalam lingkup element itu sendiri (element yang menaunginya).

Elemen style merupakan satu dari berbagai cara yang dapat digunakan untuk mengaplikasikan style atau kode CSS kedalam HTML.

Selum kita membuat contoh

Attributes
Atribut HTML Tag `<style>`

Menentukkan sasaran media atau alat untuk style tersebut diberlakukan

Coba lihat contoh berikut ini

<!DOCTYPE html>
<html>
<head>
<title>Layanan Coding - style tag</title>
<body style="background-color:powderblue;">

<h1 style="font-size:300%;">Style Pertama</h1>
<p style="font-size:160%;">Style Kedua</p>
<p style="color:red;">Style Warna Merah</p>
<p style="color:blue;">Style Warna Biru</p>
<p style="font-size:50px;">Style Ukuran Warna</p>
</body>
</html>

Oke ya teman-teman sekian dulu tutorial ini semoga dapat bermanfaat.