[HTML] - Create HTML5 prototypes and CSS rules for a | SheCodes

[HTML] - Create HTML5 prototypes and CSS rules for a landing page design

Learn how to create a landing page in HTML5 with proper structure, HTML5 elements, consistent CSS style rules, and hyperlinks for navigation.

👩‍💻 HTML, CSS and JavaScript Code instructions

Asked 2 years ago in HTML by Abdulmajeed

create HTML5 prototypes and relevant CSS rules for a mock-ups. it should have: • Use proper HTML page structure • Use HTML5 elements where appropriate • CSS style rules are consistent across all pages Create Landing Page: index.html You must implement the HTML and CSS code to achieve this design. Requirements are: • Include all sections from the design o Header, Content, and Footer o Dotted line indicate page boundaries and is not required • Use hyperlinks for navigation links with the 5 provided images o Images can be found in resources.zip o Each image should have a hyperlink o For now, 4 news categories should link to list.html o The add news image should link to add.html • Use CSS to: o Ensure all pages use the same font scheme (of your choice)  n.b. any font family, size, colour is acceptable, but must be specified clearly in the CSS file o Layout the images as a grid  n.b. table layout or simple flow layout are accepted, but receive less marks

More coding questions about HTML

👩‍💻 Technical question

Can you tell me how watch a video in html without owning the video file. I want to just import a link and be able to watch the video.

👩‍💻 Technical question

Asked 1 day ago in HTML by Tika Meutia

what is a span attribute?

👩‍💻 Technical question

Asked 2 days ago in HTML by Juliane

is strong an inline element?

👩‍💻 Technical question

Asked 5 days ago in HTML by Amogelang

how to add emojis in html

👩‍💻 Technical question

Asked 7 days ago in HTML by Ayush

how to make a picture smaller on a html website

👩‍💻 Technical question

Asked 7 days ago in HTML by Ayush

how to make a hyperlink a picture

👩‍💻 Technical question

Asked 12 days ago in HTML by angela

can I put an H1 in the header

👩‍💻 Technical question

Asked 12 days ago in HTML by angela

is nav mostly use for links html?

👩‍💻 Technical question

Asked 13 days ago in HTML by Katleho

Is WAI-ARIA important in HTML?

👩‍💻 HTML, CSS and JavaScript Code instructions

how do i add a button on the right side of a webpage that follows along with where one scrolls and when you click it, it takes you back to the very top of the page?

👩‍💻 Technical question

Asked 26 days ago in HTML by Emilia

what is the hr default styling

👩‍💻 Technical question

Asked 1 month ago in HTML by Shruti

how to add multiple icons to your coding

👩‍💻 Technical question

Asked 1 month ago in HTML by Alexandra

How do I insert my own gif as a <img>

👩‍💻 Technical question

add link to paragraph text?

👩‍💻 Technical question

Asked 1 month ago in HTML by Onesimo

is a horizontal line tag a self closing tag?

👩‍💻 Technical question

how do you put a bullet list onto the same line

👩‍💻 Technical question

how do I center my paragraph on top of my image, since my paragraph is below my image?

👩‍💻 Technical question

how to add an underline on a text?

👩‍💻 Technical question

can a html <section> tag be styled and otherwise used in the same ways as a <div> tag?

👩‍💻 Technical question

Hello! I would like to rotate my image going in the left direction. How can I go about that.

👩‍💻 Technical question

Create an HTML file with a "Dark theme button" turning the page background to black.

👩‍💻 Technical question

What is an html padding

👩‍💻 Technical question

what is the difference between a label and a input inside a form?

👩‍💻 Technical question

what should be added when adding an image link in the code

👩‍💻 Technical question

in which format do i need to save a file in html ffrom vscode?

👩‍💻 Technical question

Asked 3 months ago in HTML by Noluthando

What does alt="" mean?

👩‍💻 Technical question

What is <div>

👩‍💻 Technical question

Asked 6 months ago in HTML by Rachael

where to use <div>

👩‍💻 Technical question

what is <hr>

👩‍💻 Technical question

Asked 6 months ago in HTML by Siphesihle

Which tag is used to create a hyperlink in HTML

👩‍💻 Technical question

what is <span> in html?

👩‍💻 Technical question

Asked 9 months ago in HTML by Krystle

how to add a link to a website in html

👩‍💻 Technical question

How do I make a hanging indentation for sources in HTML or CSS?

👩‍💻 HTML, CSS and JavaScript Code instructions

I want to divide a main div into 2 equally divided divs

👩‍💻 Technical question

how to make a button to skip to a section of webpage

👩‍💻 Technical question

how do you make the logo click back to index.html

👩‍💻 Technical question

how to mail to email in html

👩‍💻 Technical question

How to put an image right below text?

👩‍💻 Technical question

how make form with name email using input type in html

👩‍💻 Technical question

can we make text color white written in hyperlink and how and why we use hyperlink in html

👩‍💻 Technical question

How to align images and videos to the center?

👩‍💻 Technical question

How to attach a video to html?

👩‍💻 Technical question

Asked 10 months ago in HTML by Thenmozhi

Create multiple images side by side in one row minimum 4 images

👩‍💻 Technical question

what is the self closing break html format?

👩‍💻 Technical question

Why does the cdn link for axios need to be in the header of the html file, and not with other script tags near the footer?

👩‍💻 Technical question

Asked 10 months ago in HTML by Marianna

how to change backgroud color in html and CSS

👩‍💻 HTML, CSS and JavaScript Code instructions

in search input I want to add the uppercase, for the first letter

👩‍💻 Technical question

Asked 10 months ago in HTML by NothingButTyler

How to make a text input area, but you can't type on it, and there's a button connected to the text input to copy the text.

👩‍💻 Technical question

how do i add a font in my html

👩‍💻 Technical question

Asked 10 months ago in HTML by Natalie

how do i add an anchor link to another page