ICTWEB305

Logo
Image of Logo

Banner
Image of Banner

Advertisement
Image of Advertisement

The following is an example of inserting an image to a webpage. The image is the CDU logo and it is located in a directory named "images".
Details as follows:

Image Name: cdu-logo
Image Width: 250px
Image Height: 141px
Image Format: jpg image

/* remove all default margins and paddings */ * { padding: 0; margin: 0; } header { height: 150px; background-color: aquamarine; } header h1 { text-align: center; padding-top: 50px; font-size: 50px; /* text-shadow: 1px 1px 15px black; */ } nav { height: 80px; background-color: gray; } nav ul { display: flex; align-items: center; height: 100%; justify-content: space-between; padding: 0px 40px; } nav ul li { list-style-type: none; } nav ul li a { text-decoration: none; text-transform: uppercase; color: aquamarine; font-size: 30px; transition: 0.5s; } nav ul li:hover a { color: white; text-shadow: 1px 1px 15px aquamarine; } main { background-color: beige; min-height: calc(100vh - 150px - 80px - 50px); padding: 0 40px 50px 40px; } main p { font-size: 24px; } footer { height: 50px; background-color: gray; position: fixed; bottom: 0; left: 0; right: 0; } footer p { text-align: center; padding-top: 15px; color: white; } icon_style { color:blue ] table { border-collapse: collapse; } th, td { border: 1px solid #000; } th, td { padding: 10px; } #total { border-bottom: none; border-left: none; } .middle_cell { background-color: aqua; } @charset "utf-8" /* CSS Document */ *{ font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12pt; } body {width: 100} img.mainiamge{ align:right padding: 20px display: inline } img{ display: none; } h1{ font-size: 1.2em; margin-bottom: 20px; }