Skip to main content

Posts

Showing posts with the label answer

Code: Form Input Types

  Code: Form Input Types Send Feedback For now, we have created a simple form. But there is a problem that the inputs can take any value other than what they are meant to be. So, we need to change the type of the input element for proper functioning. Your task is to change the type of input according to the meaning of each of them. The meaning of each input element is provided below - 1. Comment - to provide a comment for the blog 2. Name - the name of the person who wants to comment on the blog. 3. Email - to provide the email id of the person. 4. Website - to provide the link to a website that belongs to the above said person. The expected output is - code for this  <!DOCTYPE html> <html>     <head>         <title>Best Coding Practices</title>     </head>     <body>         <div>             <header>       ...
Post a Comment
Read more

Add View Section to Blog

  Add View Section to Blog Send Feedback Let's add a view section ( using a div tag ) to our blog, which represents the number of visits to our blog. Although it would be static for now, we can change it to dynamic later. So, we will use some text formatting tags to add the views section. The instructions are provided below. Note: The text formatting tags are always inline. Instructions to follow - 1. Add a separate view section (using a div tag ) inside the article in the container (div tag )of the first image of the article. 2. Now, add 2 span's with content as: 'Views:' and '1,137'. Make these span's bold using the appropriate text formatting tag. Expected Blog page is - <!DOCTYPE html> <html>     <head>         <title>Best Coding Practices</title>     </head>     <body>         <div>             <header>       ...
Post a Comment
Read more

Sonnet 6

  Sonnet 6 Send Feedback Go through the following code and create an internal link at the top of the page “Go to Sonnet 6” and link it to Sonnet 6 <h2> tag. Hint: Add id attribute to the <h2> tag for Sonnet 6 for linking. code for this <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <h1>Shakespeare's Sonnets!</h1> <!-- Internal Link to Sonnet 6 --> <a href="#sonnet6">Go to Sonnet 6</a> <h2 id="sonnet1">Sonnet 1: From Fairest Creatures We Desire Increase</h2> <p> From fairest creatures we desire increase, That thereby beauty’s rose might never die, But as the riper should by time decrease, His tender heir mught bear his memeory:...
Post a Comment
Read more

Add Semantic Tag to Blog

  Add Semantic Tag to Blog Send Feedback Now, knowing the importance of DIV and Semantic tags, we will apply it to our blog page as well. So, divide your page into several sections eg., header, main, etc., whichever apply in your case. Remember, we use DIV to divide the page into meaningful sections and sometimes to apply some properties. So, there's nothing wrong and right while dividing your page, just don't add unnecessarily. Some hints are provided below. Note: Always apply one  <div>  just after  <body>  tag and then put everything inside it, i.e. header, main and footer. Hints to add semantic tags - 1. Make header section for the web page. 2. Make the main section for the blog. 3. Make header section for the blog. 4. Make article section for the blog. The blog page look the same as in the image below - <!DOCTYPE html> <html>     <head>         <title>Best Coding Practices</title> ...
Post a Comment
Read more