Contoh Membuat Template Dengan Menggunakan Css dan Html

Please download to get full document.

View again

of 6
2 views
PDF
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Document Description
Contoh Membuat Template Dengan Menggunakan Css dan Html
Document Share
Document Tags
Document Transcript
  Contoh Membuat Template Dengan Menggunakan Css dan Html Kali ini saya akan posting tentang cara membuat halaman web dengan menggunakan HTML + CSS1. uat skrip HTML seperti dibawah ini !"html#"head#"link rel$%stylesheet% type$%te&t'css% hre($%uts)hendriana.css%#"title#*TS H,-/0,0"'title#"'head#"body#"di"'body#"di id$%template%# "di id$%header%# "img src$%gambar'1a.2pg% # "'di# "di id$%naigasi%# "table align$%center% width$%344p&%# "tr align$%center%# "td width$%544p&%#"a hre($%6.html%#eranda "'a#"'td# "td width$%544p&%#"a hre($%6.html%#iodata "'a#"'td# "td width$%544p&%#"a hre($%6.html%#Keluarga "'a#"'td# "td width$%544p&%#"a hre($%6.html%#7adwal Mata Kuliah "'td# "'tr# "'table#"'di# "di id$%kiri%# "di class$%b%# "p align$%center%#Menu *tama "ul# "i#"li#"a hre($%6.html%#eranda"'a#"'li# "li#"a hre($%6.html%#iodata"'a#"'li# "li#"a hre($%6.html%#Keluarga"'a#"'li# "li#"a hre($%6.html%#7adwal Mata Kuliah"'a# "'ul# "'p# "br# "p align$%center%# Menu Lainnya "ul#   "li#"a hre($%6.html%#Se2arah Kampus"'a#"'li# "li#"a hre($%6.html%#8isi dan Misi"'a#"'li# "li#"a hre($%6.html%#9engurus :ayasan"'a#"'li# "li#"a hre($%6.html%#9engurus ektorat"'a#"'li#"'i# "'ul# "'p# "'di# "'di# "di id$%isi%# "di id$%container%# "h5#;ilu2eung Sumping"'h5# "a hre($%6.html%#"img src$%gambar'15.2pg% height$%<4=% class$%image>(loat%#"'a# "p# 9erkenalkan ,ama Saya Hendriana? anda dapat memanggil saya Hendri."'p# "p# Hobby Saya 0dalah ! "'p# "ol# "li#Main @ame"'li# "li#Makan)makan"'li# "li#Tour"'a#"'li# "'ol# "p# Hobby Saya :ang Lain ! "'p# "ol type$%a% start$%1%# "li#,gulik Sesuatu yang ikin 9enasaran"'li# "li#-engerin Music"'li# "li#,onton Ailm arat"'a#"'li# "'ol# "p# 0nda isa menghubungi saya melalui! "br#Hand 9hone $ 43B3B331D "br#)mail $ hendri.(eraryEgmail.com "br#Kegiatan saya sehari)hari diantaranya adalah Kuliah dan eker2a wiraswasta"'p#"'di# "'di# "di id$%kanan%# "di class$%6oom%# "p align$%center%#"br#"br#"br# "a hre($%6.html%#"img src$%gambar'1c.2pg%height$%5<=%#"'a#"br#"br#"br# "a hre($%6.html%#"img src$%gambar'1b.2pg%height$%5<=%#"'a# "'p# "'di# "'di# "di id$%clear%#"'di# "di id$%(ooter%# "p align$%center%#"blink#"b#CopyrightE541F ) 154DDD1141 ) Hendriana"'b#"'blink#"'p#   "'di# "di id$%clear%#"'di#"'di#"'html#GcatatanG $ simpan skrip tersebut dengan nama hendriana.html5.uat skrip CSS seperti dibawah ini !body background! IAAAAAAJ margin! 54p& 54p& 54p& 54p&JItemplate  width! <4p&J border! 1p& dashed IAA00J padding! 14p&J border)radius! <p&JIheader  width! <4p&J height! 1<4p&J border! 1p& solid I444444JInaigasi  width! <4p&J height! F4p&J border! 1p& solid I444444J margin)top! <p&JIkiri  width! 134p&J height! <44p&J border! 1p& solid I444444J margin)top! 14p&J (loat! le(tJIisi  width! 4<p&J height! <4p&J border! 1p& solid I444444J margin)top! 14p&J margin)le(t! <p&J (loat! le(tJ   padding! <p& <p& <p& <p&JIkanan  width! 1D4p&J height! <44p&J border! 1p& solid I444444J margin)top! 14p&J (loat! rightJIclear  clear! bothJ I(ooter  width! <4p&J height! F4p&J border! 1p& solid I444444J margin)top! <p&J padding! 4p& 5p& <p& 4p&Jh1 te&t)align! centerJa!link  color! blueJ te&t)decoration! noneJ  a!isited  color! blueJ te&t)decoration! noneJ  a!hoer  color! whiteJ background! blackJ te&t)decoration! underlineJ  a!actie  color! redJ (ont)si6e! 54p&J te&t)decoration! boldJ background! grayJ .b a!link color! greenJ te&t)decoration! noneJ  .b a!isited  color! greenJ  .b a!hoer  color! redJ   background! J te&t)decoration! italicJ  .b a!actie  color!blueJ (ont)si6e! 54p&J te&t)decoration! boldJ background! redJ Iteks  padding! 14p&J border! 1p& solid I<<<<Jh5 (ont)si6e! 5Dp&J te&t)align! centerhF (ont)si6e! 13p&J te&t)align! centerp line height! 1<4=J .image>(loat  (loat! rightJ margin! 4 <p& <p& <p&J border! 1p& dashed I<<<<J padding! 14p& <p& 14p& <p&J border)radius! 14p&J .6oom img!hoer )webkit)trans(orm!scale1.1NJ )mo6)trans(orm!scale1.1NJ )o)trans(orm!scale1.1NJ bo&)shadow!4p& 4p& F4p& grayJ )webkit)bo&)shadow!4p& 4p& F4p& grayJ )mo6)bo&)shadow!4p& 4p& F4p& grayJ opacity!1 .image>(loat!hoer )webkit)trans(orm!scale1.1NJ )mo6)trans(orm!scale1.1NJ )o)trans(orm!scale1.1NJ bo&)shadow!4p& 4p& F4p& grayJ )webkit)bo&)shadow!4p& 4p& F4p& grayJ )mo6)bo&)shadow!4p& 4p& F4p& grayJ opacity!1 
Similar documents
View more...
Search Related
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks