bjectives
- Add photo.jpg to the webpage.
- Add your name as a heading to the webpage.
- Add an unordered list of your five favorite music artists.
- Add an ordered list of your top five favorite films.
- Add a hyperlink to your Facebook profile, or, meta.com.
Follow the Step by Step instructions below:
-
Open the
index.htmlfile and set up the following basic HTML document structure:<!DOCTYPE html> <html> <head> </head> <body> </body> </html> -
Set the title of the HTML document to your name:
<!DOCTYPE html> <html> <head> <title>your name</title> </head> <body> </body> </html> -
Link to
styles.cssin theheadelement. -
Add five divider elements to the
bodyelement. -
Add a heading 1 to the first divider element that displays your name.
-
Add
photo.jpgusing an image element in the second divider element.. -
Add an ID attribute with the value
photoon the image element. -
Add a heading 2 for
Favorite Music Artistsin the third divider element. In the same divider add an unordered list with your top 5 favorite artists. -
Add a heading 2 for
Favorite Filmsin the fourth divider element. In the same divider add an ordered list with your top 5 favorite films. -
Add a hyperlink to your Facebook profile page in the last divider element. Alternatively, add a hyperlink to
https://www.meta.com/. As a last step, addMy Profileto the descriptive text of the<a>tag.
Task 2: Style the webpage using CSS.
Objectives
- Style the webpage using CSS.
Follow the Step by Step instructions below:
-
Open the
styles.cssfile. -
Add a CSS rule for your image that sets the
borderproperty to2pixels wide with asolid bluecolor. -
Add a CSS rule for heading 1 containing your name and set its color to
blue. -
Add a CSS rule for all
<h2>headings and set their color togrey. -
Add a CSS rule that applies a
marginof4pixels to the divider elements.
please give whole solution
RABIA IRFAN is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
2