[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

Asked 4 days ago in HTML by Zawadi

how do I underline and bold a text on html without css?

πŸ‘©β€πŸ’» Technical question

Asked 4 days ago in HTML by Zawadi

how do I underline a text on html without css?

πŸ‘©β€πŸ’» 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 6 days ago in HTML by Tika Meutia

what is a span attribute?

πŸ‘©β€πŸ’» Technical question

Asked 7 days ago in HTML by Juliane

is strong an inline element?

πŸ‘©β€πŸ’» Technical question

Asked 10 days ago in HTML by Amogelang

how to add emojis in html

πŸ‘©β€πŸ’» Technical question

how to make a picture smaller on a html website

πŸ‘©β€πŸ’» Technical question

how to make a hyperlink a picture

πŸ‘©β€πŸ’» Technical question

Asked 17 days ago in HTML by angela

can I put an H1 in the header

πŸ‘©β€πŸ’» Technical question

Asked 17 days ago in HTML by angela

is nav mostly use for links html?

πŸ‘©β€πŸ’» Technical question

Asked 18 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 1 month 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 2 months 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 7 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 10 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.