How should you complete the relevant markup?

DRAG DROP
You develop a website for a company by using HTML5.
You have the following requirements:
Allow multiple news postings per page under the title “Welcome to the Semantic Web!”.
Search engines must be able to index individual news postings.
News postings must be styled by using the following CSS markup:
.posting ( line-height: 150%; )
You need to structure the markup for each individual news posting.
How should you complete the relevant markup? (To answer, drag the appropriate markup to the correct
location or locations in the answer area. Use only markup that applies.)
Select and Place:

DRAG DROP
You develop a website for a company by using HTML5.
You have the following requirements:
Allow multiple news postings per page under the title “Welcome to the Semantic Web!”.
Search engines must be able to index individual news postings.
News postings must be styled by using the following CSS markup:
.posting ( line-height: 150%; )
You need to structure the markup for each individual news posting.
How should you complete the relevant markup? (To answer, drag the appropriate markup to the correct
location or locations in the answer area. Use only markup that applies.)
Select and Place:

Answer:

Explanation:
* The <article> element specifies independent, self-contained content.
Examples of where an <article> element can be used:Forum post
Blog post
Newspaper article
* The <header> element specifies a header for a document or section.
* when declaring the div element we must refer to CSS style named posting with a class=”posting” attribute.
HTML5 Semantic Elements



Leave a Reply 0

Your email address will not be published. Required fields are marked *