Setelah halaman login di html

HTML adalah singkatan dari HyperText Markup Language. Ini adalah bahasa markup terpenting yang dapat digunakan untuk membuat halaman web. Ini digunakan untuk menampilkan teks, gambar, audio, dan video di halaman web

CSS adalah singkatan dari Cascading Style Sheets. Ini digunakan untuk menata dokumen HTML. CSS dapat membuat halaman web responsif dan digunakan untuk penataan dan kumpulan aturan pemformatannya. Ini digunakan untuk tujuan desain. Ekstensi CSS adalah (. CSS)

Ada tiga jenis CSS

Buat folder baru dan beri nama folder tersebut. Di dalam folder simpan file HTML dan CSS. Setelah membuat folder, buka editor teks luhur

Klik File, Pilih File Baru, dan Klik Simpan. Beri nama file tersebut “index. html”

Selanjutnya, klik File, lalu File Baru, dan klik Simpan. Beri nama file “style. css”

Sekarang, tautkan HTML dan CSS ke file HTML yang baru saja Anda salin dan tempelkan kode ini di tag heading

Selanjutnya buat struktur halaman login menggunakan HTML, Username dan Password

1.     
2.     
3.     
4. Formulir Masuk
5.         
6.     
7.     
8.     

   Halaman masuk

   
       
9.     

       

10.         
11. Nama belakang
12.             
13.             
14.             
15.         
    
        
16. Kata sandi
17.             
18.             
19.             
20.         
    
        
21.                
22.         
    
        
23.             
24.          Ingat saya     
25.         
    
        
26. Lupa
27.          

Selanjutnya, tulis kode di CSS untuk menerapkan beberapa gaya ke HTML sehingga Anda dapat mengubah tampilan halaman login

1. tubuh
2. {
3. batas. 0;
4. lapisan. 0;
5. warna latar belakang. #6abadeba;
6. font-family. 'Arial';
7. }
8. Gabung{
9. lebar. 382px;
10. meluap. tersembunyi;
11. batas. mobil;
12. batas. 20 0 0 450px;
13. lapisan. 80px;
14. Latar Belakang. #23463f;
15. radius perbatasan. 15px ;
16. }
17. h2{
18. perataan teks. tengah;
19. warna. #277582;
20. lapisan. 20px;
21. }
22. label{
23. warna. #08ffd1;
24. ukuran huruf. 17px;
25. }
26. #Nama kamu{
27. lebar. 300px;
28. tinggi. 30px;
29. berbatasan. tidak ada;
30. radius perbatasan. 3px;
31. padding-kiri. 8px;
32. }
33. #Lulus{
34. lebar. 300px;
35. tinggi. 30px;
36. berbatasan. tidak ada;
37. radius perbatasan. 3px;
38. padding-kiri. 8px;
39. }
40. #catatan{
41. lebar. 300px;
42. tinggi. 30px;
43. berbatasan. tidak ada;
44. radius perbatasan. 17px;
45. padding-kiri. 7px;
46. warna. biru;
47. }
48. menjangkau{
49. warna. putih;
50. ukuran huruf. 17px;
51. }
52. sebuah{
53. mengambang. Baik;
54. warna latar belakang. abu-abu;
55. }

Sebelum menggunakan kode CSS, hasilnya terlihat seperti ini

Setelah menggunakan kode CSS, hasilnya akan terlihat seperti ini

Ringkasan

Kami telah berhasil membuat halaman Login. Saya harap artikel ini bermanfaat bagi Anda. Jika Anda memiliki komentar di artikel ini, silakan tanyakan di bagian komentar

Bagaimana saya pergi ke halaman berikutnya setelah login di HTML?

Apa nama halaman setelah login?

Bagaimana Anda membuat kode ke halaman berikutnya dalam HTML?

Bagaimana cara menampilkan nama pengguna setelah login di html5?