Gaya Sebaris HTML ialah kaedah yang menggayakan halaman web menggunakan bahasa skrip CSS, di samping dua kaedah penggayaan yang lain: Penggayaan Dalaman dan Luaran. Kaedah ini menambah gaya unik khusus pada tapak web atau halaman web. Sintaks untuk ini ialah '

Sintaks

Gaya sebaris berfungsi sebagai CSS dalam bentuk rupa dan operasi dengan beberapa perbezaan asas. Ia memberi kesan secara langsung pada teg di mana ia ditulis tanpa menggunakan pemilih.

Sintaks untuk memasukkan gaya sebaris dalam kod adalah seperti berikut:

Sertakan atribut gaya sebaris dalam sintaks di atas

tag. Di mana atribut gaya berfungsi seperti atribut HTML yang lain. Selepas tanda sama itu =, "petikan, yang merangkumi nilai gaya atribut itu, bermula dengan gaya. Kod gaya sebaris tidak termasuk pemilih atau sepasang pendakap kerinting. Kod ini tidak lengkap tanpa menggunakan koma bertitik selepas nilai.

Dengan menggunakan gaya sebaris, anda boleh mentakrifkan gaya kepada elemen seperti saiz, fon, warna, penjajaran teks dan imej, warna latar belakang pada teks, sempadan, garis besar kepada elemen, ruang antara elemen dan banyak penggayaan lain kod.

Anda perlu memasukkan semua kod gaya sebaris sebelum koma bertitik.

Bilakah kita menggunakan gaya sebaris dalam HTML?

Pembangun terutamanya menggunakan gaya sebaris dalam kod apabila mereka perlu menambah atau menekankan kandungan yang harus mudah difahami oleh pengguna. E-mel HTML selalunya menggabungkan jenis kod gaya ini untuk memaparkan kandungan mewah dalam badan mel, kerana banyak pengirim mengehadkan penggunaan tag. Oleh itu, e-mel HTML menggunakan gaya sebaris secara meluas. Selain itu, gaya sebaris mencari aplikasi dalam tapak web lama, kandungan CMS, Kandungan Dinamik dan konteks lain.

Tapak web dinamik menggunakan JavaScript. Dalam kes ini, kod javascript biasanya membenarkan pengguna menambah gaya sebaris pada elemen ini. Katakan kita menambah gaya sebaris pada

atribut dalam kod; gaya hanya digunakan pada elemen yang ditentukan itu. Tetapi gaya yang sama yang kami tambahkan dalam gaya dalaman akan digunakan pada keseluruhan

tag. Jadi menggunakan gaya sebaris untuk atribut khusus untuk memberikan gaya sentiasa dianggap sebagai perkara yang berguna.

Gaya sebaris sentiasa dianggap sebagai keutamaan tertinggi. Atribut gaya dalam kod mengandungi satu siri sifat CSS dan pasangan nilai.

Contoh Gaya Sebaris HTML

Berikut ialah beberapa contoh yang menunjukkan cara gaya sebaris akan berfungsi dalam kod HTML seperti berikut:

 Inline style Example 
 
 Inline style for paragraph
 

Contoh #1

Kod:

   
Types of style in HTML 
 
 
 HTML Inline CSS
 
HTML Internal CSS
 
HTML External CSS
 
 
 HTML Inline style 
 
 That some achieve great success is proof to all that others can achieve it s well 
 
The hurdles in between the goals are actually the tonics to boost you up with more energy
 
 Home Cinema Projectors
 
 Imagine your favorite movie in true cinematic detail. From  4k to Full HD, create a real movie theatre feel at home.
 While our 3D projectors bring the action to the life with incredible impact and depth of field 
  

Output:

Contoh #2

Kod:

   
Indian Culture
  
 India is known in all over world for its unique culture. It has one of the oldest culture which is 4500 years ago. India is famous for the Invention of Zero  in Mathematics , advance in architecture like Taj Mahal , for in  Ayurveda  . It is nation of more than 1.2 billion people, Which is known as second most nation in population comes after China. 
 Indian culture is famous in the form of different food, Language, religion and arts are the key aspects of it. India is the country made up with combination of 28 states as well as 7 territories. Those having different cultures, different languages, different festivals, variety in clothing style, architure and art , state wise different delicious food and many more things 
  

Output:

Contoh #3

Kod:

   
Famous food across world
 
 India -Paneer ButterMasala, Dal-batti and many more.In drinks Tea, Old Monk rum
 
 Italy - for Pizza, Pasata and more.In drinks Red Wine, Sparkling wine
 
 Greece - Greek salad, Mousaka and In drinks ouzo, tsipouro
 
 China - Noodles, Soy puff and many more.In drinks Tea, Chinese beer
 
 Mexico - Chili con carne, Guacamole .In drinks Tea, Old Monk rum
  

Output:

Kesimpulan

Daripada semua maklumat di atas, kami telah mengetahui bahawa gaya Sebaris digunakan untuk memaparkan kod CSS unik untuk elemen tertentu dengan menggunakan atribut gaya. Apabila pengguna ingin menunjukkan beberapa data penting yang juga perlu ditunjukkan dalam kod, pada masa itu, untuk elemen tertentu, kami akan menggunakan gaya sebaris dalam dokumen ini.

Atas ialah kandungan terperinci Gaya Sebaris HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!