Question
Create a web page, assignment5.html, introducing yourself with the following conditions: The web page includes two columns The left column is mainly for navigation area;
Create a web page, assignment5.html, introducing yourself with the following conditions:
The web page includes two columns
The left column is mainly for navigation area;
The right column contains the header, main content and footer.
The left column includes the logo and the navigation area
The navigation area includes four navigation hyperlinks to four web pages of Short bio, Classes, Favorite web sites, and contact
o The navigation links href attribute values can be empty .
The logo text is MyHome. Create an id (named logo) for this text so that it has
o Any fantasy face font;
o 200% font size;
o 10 pixels of padding.
The navigation links should work as required:
Do not show list markers and underlines
Have different colors at different states
o default as blue;
o visited as red;
o hover as green;
o active as purple;
The right column includes a header, a content area, and a footer area with copy right:
The header shows the text FirstName LastNames Homepage, e. g. xxxxxx Homepage and your photo. Your photo is always at the right end of the header area (hint: code your image before the text so that the text will flow to the left of the image);
The content area shows:
o Your favorite quote at the left side of your favorite image area
o An area for your favorite image, which
Contains the image whose size should be 250 px by 250 px or smaller
Float to the right side of the main content area
Has a 2 px solid black border
Has a text title centered below the image
Has 15px margin space on all four sides of the image area
The footer shows Copyright 20XX FirstName LastName, e. g. Copyright 2019 xxx.
o The footer text is centered
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started