Question

In: Computer Science

Topic: HTML Styling Elements - CSS3 Write some HTML code that includes three Semantic HTML tags....

Topic: HTML Styling Elements - CSS3

Write some HTML code that includes three Semantic HTML tags. Describe the semantic meaning of each one you choose.

Expert Solution

SAMPLE CODE :

<!DOCTYPE html>
<html>
<body>
   <article>
       <h1>What Is Lorem Ipsum?</h1>
       <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
   </article>
   <figure>
       <img src="Lighthouse.jpg" >
       <figcaption>Fig1. - Lighthouse.</figcaption>
   </figure>
   <footer>
       <p>Posted by: Deloit Dexa</p>
       <p>Contact information: <a href="mailto:someone@example.com">
       someone@example.com</a>.</p>
</footer>
</body>
</html>

EXPLANATION :

What are Semantic tags ?

Examples of non-semantic tags: <div> and <span> - Tells nothing about its content.

Examples of semantic tags: <article>, <figure>, and <footer> - Clearly defines its content.

<article> tag :

The <article> element specifies independent, self-contained content.

An article should make sense on its own, and it should be possible to read it independently from the rest of the web site.

Examples of where an <article> element can be used:

Forum post
Blog post
Newspaper article

<figure> tag :

An image and a caption can be grouped together in a <figure> element.

The purpose of a caption is to add a visual explanation to an image.

<footer> tag :

The <footer> element specifies a footer for a document or section.

A <footer> element should contain information about its containing element.

A footer typically contains the author of the document, copyright information, links to terms of use, contact information, etc.

You may have several <footer> elements in one document.

venereology answered 2 days ago

Your HTML document should contain the following elements/features: HTML tags: An <input> tag labeled "Timer Duration"...

Your HTML document should contain the following elements/features: HTML tags: An <input> tag labeled "Timer Duration" with the initial value 0 A <button> tag labeled "Start" Script: When the user presses the button (1b), a function will begin that does the following: Reads the value from the input field (1a) Removes the <input> and <button> tags (1a & 1b) Creates a new <p> tag, initialized to show the input value Starts a timer that ticks down to zero. For every...

Write a jQuery click event handler for all tags within elements. In the handler, output the...

Write a jQuery click event handler for all tags within elements. In the handler, output the src attribute of the image to the console.

Write a html program that containing at least the following elements: A heading A paragraph An...

Write a html program that containing at least the following elements: A heading A paragraph An ordinary image with link An imagemap with two clickable areas/hotsppots, link one to asignment1 and link the other to any available picture. USE INSTAGRAM WITH THE LINK FOR ONE

modify code to write the output as an HTML table to a file in the output...

modify code to write the output as an HTML table to a file in the output directory. The file that is saying to work at : SOURCE CODE IN PERL: print "Enter principal amount: "; $P=; while($P<=0) { print "Principal must be positive. Try again: "; $P=; } print "Enter number of times interest is applied in a year: "; $n=; while($n!=12 && $n!=4 && $n!=2 && $n!=1) { print "It must be 12, 4, 2 or 1. Try again:...

Write the below code to use HTML and JavaScript. 1. a) Write a JavaScript program to...

Write the below code to use HTML and JavaScript. 1. a) Write a JavaScript program to display the current day and time. b) Write a JavaScript program to print the contents of the current window. c) Write a JavaScript program where the program takes a random integer between 1 to 10 d) Write a JavaScript program to calculate multiplication and division of two numbers (input from the user). e)Write a JavaScript program to create a new string from a given...

Write about westernized elements in life; westernization in our life, and this includes Americanization

Tables: Write the HTML code for a table data cell that contain the text “Holiday” and spans...

Tables: Write the HTML code for a table data cell that contain the text “Holiday” and spans across 3 rows and 4 columns.

Please code the arrays. This is in PHP/HTML Perform some calculations: 1. $ages = [24, 12,...

Please code the arrays. This is in PHP/HTML Perform some calculations: 1. $ages = [24, 12, 10, 17, 23, 29, 35, 32, 30, 22] Using a FOR loop, calculate the sum and average of these numbers, then print them. Please provide legible output. 2. If I change the array to $ages = [1 => 24, 12, 10, 17, 23, 29, 35, 32, 30, 22] How will the program change? Re-run the program and provide output 3. Assume that the above...

write php code for buying and selling web using sql, javascript ,html ,css style

a) write a python programme for converting url.to html please provide valid code and please share...

a) write a python programme for converting url.to html please provide valid code and please share screenshots to me