kode html

Cara menggunakan html style tag

lebakcyber.net -Pada kesempatan kali ini kita akan mempelajari tentang bagaimana cara menggunakan style di HTML 5. Style pada HTML 5 sendiri digunakan untuk mengganti atau menambahkan element pada HTML.

Setiap element pada HTML memiliki style defaultnya masing-masing, seperti misalnya warna background, warna text dan lain sebagainya.

Atribut style sendiri hanya bisa digunakan pada tag HTML. Untuk menggunakan style di HTML kalian harus memiliki sedikit pengetahuan mengenai properties di css seperti misalnya color, background-color, text-align dan sebagainya.

Contoh Style HTML Color

Pada contoh ini kita akan mencoba merubah warna teks dengan mengguna style color di HTML 5, contohnya seperti berikut ini :

Ini teks dengan warna hijau
Ini teks dengan warna merah

Hasilnya adalah seperti pada contoh dibawah ini :

Ini teks dengan warna hijau

Ini teks dengan warna merah

Contoh Style Background-Color

Style background-color biasanya digunakan untuk merubah warna background pada HTML 5. Silahkan perhatikan contoh tag HTML dengan menggunakan property css background-color dibawah ini :

Ini adalah background kuning

Ini adalah background merah

Contoh Style font-family

Penggunaan style font-family biasanya digunakan untuk mengganti font pada teks yang ada di tag HTML. Contoh penggunaannya adalah seperti dibawah ini :

contoh teks dengan font times new roman

Contoh teks dengan font arial

Nanti hasilnya akan seperti contoh dibawah ini :

contoh teks dengan font times new roman

Contoh teks dengan font arial

Contoh Style Text-Align

Style text-align biasanya digunakan untuk mengatur teks agar menjadi rata kanan, rata kiri atau rata tengah. Contohnya penggunaan style Text-Align adalah seperti berikut ini :

Teks ini berada di sebelah kanan

Teks ini berada di tengah

Teks ini berada di sebelah kiri

Nanti hasilnya akan seperti dibawah ini :

Teks ini berada di sebelah kanan

Teks ini berada di tengah

Teks ini berada di sebelah kiri

Oke jadi seperti itulah bagaimana cara menggunakan style di HTML 5, semoga tutorial sederhana ini dapat membantu kalian yang baru saja mempelajari HTML 5.

Jangan lupa untuk selalu berkunjung ke lebakcyber.net untuk mendapatkan tutorial mengenai HTML 5 dan juga mengenai tips dan trik komputer lainnya ya.

SEO Technical Writer at Niagahoster. An aquarius girl who loves music, watching movies and of course writing.

Home » Web Development & Design » Bagaimana Cara Membuat Website dengan HTML dan CSS?

Bagaimana Cara Membuat Website dengan HTML dan CSS?

August 8, 2022 13 min read

Portfolio Tutorial

Home
Services
Testimonials
Contact

Hello,

I’M NIDA

SEO Technical Writer & Developer

An aquarius girl who loves music, watching movies and
of course writing.

Hire me Download CV

Ketiga, karena ini website portfolio, Anda dapat menambahkan bagian services atau layanan. Pada bagian ini, Anda dapat menunjukkan layanan yang dapat Anda kerjakan dan skill apa saja yang Anda miliki. Layanan tersebut dapat Anda tuliskan pada tag

.


    
        
        
            Services
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
        
        
        
        
            
                1
                Technical Writing
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
                Read More
            
        
            
                2
                Web Design
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
                Read More
            
        
            
                3
                Web Development
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
                Read More

Keempat, jika Anda sudah pernah mengerjakan atau memiliki proyek, Anda dapat menambahkan testimoni pada website portfolio. Bagian ini dapat Anda isi dengan review dan rating dari klien atas hasil kerja Anda.

Jangan lupa untuk menambahkan link script fontawesome pada bagian head. Karena jika tidak, ikon bintang yang akan digunakan untuk menunjukkan rating kepuasan klien tidak akan muncul di halaman web Anda.

    
        
		
            What Our Client Says..
                

        
            
                
                
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
                    Client Pertama
                    
                    
                    
                    
                    
                
            

            
                
                
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
                    Client Kedua

Kelima, bagian footer. Sebagai penutup, kami menambahkan sosial media sebagai kontak yang bisa dihubungi. Kode HTML untuk logo sosial media dapat Anda cari pada website fontawesome.

Interested In Using Our Services?

I try to work on your project as quickly as possible. Guarantee for revision until you are satisfied with my work.

Jika Anda masih bingung, Anda dapat langsung melihat hasilnya dengan menyalin keseluruhan kode berikut ini pada text editor yang Anda gunakan :

Personal Website

Portfolio Tutorial

Home
Services
Testimonials
Contact

Hello,

I’M NIDA

SEO Technical Writer & Developer

An aquarius girl who loves music, watching movies and
of course writing.

Hire me Download CV

Services

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Technical Writing