Pada artikel ini, kita akan melihat cara mendesain halaman Hubungi kami menggunakan HTML dan CSS. Membuat halaman yang menarik mungkin terlihat sulit bagi yang tidak tahu HTML dan CSS. Jika seseorang tidak tahu menggunakan CSS, maka mereka tidak akan bisa membuat halaman terlihat lebih baik atau menarik. Jadi fokus utama dari artikel ini adalah implementasi CSS
Membuat struktur
In this section, we will create a simple structure of a web page by using some tags like
HTML
<!DOCTYPE html>
<html>
<head>
<title<0title>
<3<<5 <6<7<8
<9html0<7html2>
html4head>
<html8>
<>2 >3<7>5>
>_7
>7>9
<0<1
>7<<4 >3<7<7>
<0________1__5_______1head2head3 html0<7head6head7head3________5______9________5______1________3______
<0________1__5_______1head2head3 html0<7>9 0head3________5______9________5______1________3______
<0________1__5_______1head2head3 html0<7<2<3head3________5______9________5______1________3______
<0________1__5_______1head2head3 html0<7title5title6head3________5______9________5______1________3______
>7html4<4>
>_7
>7<07
<0<09
________3______7<<12 >3<7<15>
<0<<19 <20<7<22 <23________1______7<1_______25 <26________1______7<________
<0<<32 >3<7<35<36<32>
>7html4<12>
html4>2>
________7__1_______<49 >3<7<52>
________3______7<<12 >3<7<59>
<0<<12 >3<7<66<67
<68<<70 >3<7<73<3<70>
<68<<70 >3<7<82>
<84<85
<68html4<70>
<68<<92>
<68<<70 >3<7<99
html00html01
html02html03
<_84html05
<68html4<70>
<0html4<12>
>7html4<12>
html4<49>
________7__1_______<49 >3<7html27>
>_7
>7html31
________3______7<html34 >3<7html37
<0html39<7html41>
<0html44
>7html4html34>
>7<<12 <26<7html27>
<0<<12 >3<7html61>
<68html64
<68<html67 html68<7
html70
________2______71html72<7html74>
<68<<92>
<_68
<68html82
<84html84
<68<<70 >3<7<99>
<_84html93
<68html4<70>
<0html4<12>
<0<<12 >3<7html61>
<_68
<68>11
<68<html67 html68<7
html70
________2______71html72<7html74>
<68<<92>
<_68
<_84html82
<84html84
<68<<70 >3<7<99>
<84>40
<68html4<70>
<0html4<12>
<0<<12 >3<7html61>
<68<html67 html68<7
html70
________2______71html72<7html74>
<68<<92>
<_68
<68html82
<84html84
<68<<70 >3<7<99>
<84>84
<68html4<70>
<0html4<12>
>7html4<12>
html4<49>
<<03 >3<7<06>
>7<<70 >3<7<13>
<0<16
>7html4<70>
html4<03>
html4html8>
html4html>
Desain CSS. Kami akan menggunakan CSS untuk mendesain halaman antarmuka sederhana. Di sini bagian yang menarik untuk membuat halaman ini menggunakan latar belakang yang sama untuk navbar dan latar belakang halaman web. Di footer juga, kita akan menggunakan background yang sama dengan menggunakan class yang telah kita gunakan untuk memberikan gambar background ke halaman web dan navbar. Hal lain yang menarik dari halaman web adalah navbar diperbaiki pada satu titik, Jadi ketika pengguna akan menggulir halaman web mereka akan menemukan navbar untuk diperbaiki di satu tempat