Explain the different statements of the following HTLM page. <!DOCTYPE html> <html> <body> <h1>My First Heading</h1>...
Explain the different statements of the following HTLM page.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<p>My first paragraph.</p>
<img src="seu.jpg" alt="www.seu.edu.sa" width="104" height="142">
</body>
</html>
__________________________________________
(please i did not want the answer picture or written by hand)
Homework Answers
the <!DOCTYPE> declaration must be the very first thing in your HTML document. It's not a html tag but it tells the browser what type of documert you are writing.
Next <html> </html> tags
the html tag tells the browser the following is a html page defeination. It represents the root tag in html page. All other elements are contained in <html> tag.
Next <body> </body> tags.
This tag represents the actual body of the html document. It contains all the contents of the html document like text, hyperlinks, images etc.,
Next is <h1> <h2> and <h3>:
these are headng tags. there are 6 heading tags <h1> to <h6>.
<h1> defines the most important heading. <h6> is the least important heading.
Next <p> tag:
this is a paragraph tag. Browser automatically adds some space before and after the <p> tag.
Next is <img> tag:
This tag is to add some image to your html document. It has two attributes : 1. src and 2. alt
src is to mention the source image and alt is to mention the message text if image can't be loaded while loading html page.
each html tag has a closing tag with / before the tag name like </html> for <html> tag etc.,
It works for HTML 5 even if you don't close the tag.
But it's a good practise to close every tag. So that it won't lead to undesirable output.
/* thank you, if any queries please comment*/
Add Answer to:
Explain the different statements of the following HTLM page.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>...
Create a html5 document template. the correct HTML5 document structure (!doctype, html, head, body) a title...
Create a html5 document template. the correct HTML5 document structure (!doctype, html, head, body) a title for your web page heading tags to break up the various sections of your content (About Me, Education, Employment, etc.) paragraph tags around all paragraphs a link to at least two websites (perhaps link to your college or place of employment) at least one ordered or unordered list (perhaps for your interests or accomplishments) at least one image Your html page should include ALL...
Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html>...
Look at the following illustrated output for an HTML and
a css given below
<!DOCTYPE html>
<head>
<title>TABLE with STYLE
SHEET</title>
<meta charset="utf-8" />
<meta name="description" content="Godaddy Webpage
original" />
<link rel = "stylesheet"
href="GoDaddy_assignment_1.css">
<body>
<img src= "GoDaddy.png"/>
<p>Welcome
to:<strong>webhamster.com</strong></br>
This web page is
parked<strong>Free</strong>courtesy of
<a class="aclass1" href
="https://www.godaddy.com">GoDaddy.com</a></p>
<h1>Want to buy<span class
="span2">webmaster.com ?</span></h1>
<div class ="div1">
<a class ="aclass2"
href="https://www.godaddy.com">Learn How</a>
</div>
</hr>
<button>Search Ads</button>
</body>
</html>
“
QUESTION continued Given the corresponding css
file
.aclass1{color:purple;}...
HTML css When i refresh the page, the picture doesnt move at all for #i1 i...
HTML css When i refresh the page, the picture doesnt move at all for #i1 i have width and height but the pictuers doesn't move please fix it. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> <style> body{ background-color:#FFA07A; } #h1{ color:white; text-decoration:none; padding:30px; } #h2{ color:white; text-decoration:none; padding:30px; } #navbar1{ background-color:grey; text-align:center; font-size:35px; height:100%px; border:1px solid black; position:absolute; text-decoration:none; margin-left:300px; } #h3{ color:white; text-decoration:none; padding:30px; } #b1{ background-color:grey; font-size:30px; } i1{ width:10px; height:20px; } </style> <body> <div...
<!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en"> <!-- head...
<!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en"> <!-- head tag --> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Personal Webpage</title> </head> <!-- body tag --> <body> <style> .sidenav { height: 100%; width: 160px; position: fixed; z-index: 1; top: 0; left: 0; ...
How do I get my HTML and CSS to look similar to this mockup? HTML: <!DOCTYPE...
How do I get my HTML and CSS to look similar to this mockup?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>nitro
site</title>
<link href="css/main.css"
rel="stylesheet"/>
</head>
<body>
<header class="header">
<section class="navlist">
<img
class="logo" src="assets/logobeans.png"/>
<h2
class="headertitle">nitro</h2>
<nav>
<ul>
<li><a
href="index.html"
target="_parent">About</a></li>
<li><a
href="/html/menu.html"
target="_blank">Menu</a></li>
<li><a
href="/html/menu.html">Shop Now</a></li>
</ul>
</nav>
</section>
<section
class="headerContainer">
<h1
class="heading">Nitro Coffee</h1>
<p
class="productDesc">Coffee is a brewed drink prepared from
roasted coffee beans, the seeds of berries from certain Coffea
species.</p>...
HTML Decide on a subject for your first web page. All page content must be related...
HTML Decide on a subject for your first web page. All page content must be related to this subject. Create your first web page. Name the file Brandon-Lab01.html. The page must contain the foundation !DOCTYPE, html, head, and body tags. The html tag must also include the lang attribute with a value of en Place the following in the head of your page: Title the page Lab 1 - Brandon. Add the meta character set tag. A <link href="Lab01.css" rel="stylesheet"...
HTML and css using notepad++ WHen you run the code, you will see a horizontal menue...
HTML and css using notepad++ WHen you run the code, you will see a horizontal menue with several options. I want a small horizontal line between each option. I also want that done using div inside a div. Thank you <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> <style> body{ background-color:#FFA07A; } #h1{ color:white; text-decoration:none; padding:30px; } #h2{ color:white; text-decoration:none; padding:30px; } #navbar1{ background-color:grey; text-align:center; font-size:35px; height:100%px; border:1px solid black; position:absolute; text-decoration:none; margin-left:300px; } #h3{ color:white; text-decoration:none; padding:30px;...
6. (HTML) Given the following HTML document: <html> <head> <title>Grandma Cafe</title> </head> <body> <h1>Menu</h1> <ol> <li>Café...
6. (HTML) Given the following HTML document: <html> <head> <title>Grandma Cafe</title> </head> <body> <h1>Menu</h1> <ol> <li>Café Latte</li> <li>Café Mocha</li> <li>Cappuccino</li> </ol> <img src="https://businessexchange.ca/wp-content/uploads/2018/05/coffee- shop-1.jpg" /> </body> </html> a. [4] Sketch approximately how it will be displayed in a web browser. (For media items such as images, just draw a box labelled with the media type.) b. [2] What is the protocol, hostname, top-level domain name, and file name of the image being linked here?
Hi Expert I need to make a html checkout page link from product page <!DOCTYPE html>...
Hi Expert I need to make a html checkout page link from product page <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="style.css"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="./bootstrap/js/bootstrap.js"></script> <meta charset="UTF-8"> <title>Perry Gerry Mobile Cellular</title> </head> <body> <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 bg-white border-bottom shadow-sm"> <h5 class="my-0 mr-md-auto font-weight-normal">Perry Gerry Mobile Cellular</h5> <nav class="my-2 my-md-0 mr-md-3"> <a class="p-2 text-dark" href="index.html">Home</a> <a class="p-2 text-dark" href="about.html">About Us</a> <a class="p-2 text-dark" href="products.html">Products</a> <a class="p-2 text-dark"...
ASAP! No expalanation needed 20. Identify what is wrong in this HTML: <h1>Her e's a heading</h1>...
ASAP!
No expalanation needed
20. Identify what is wrong in this HTML: <h1>Her e's a heading</h1> p>Here's a paragraph.</p> cppHere's cemb anotherc/em paragraph.</p> pcuHere's an underlined paragraph.</px/u> ul> <li>Here's a <strong>bulleted</strong itemk/li> </ul> The underline element is improperly nested. ie improperly The em element doen't exist. The horizontal rule element is missing a close tag. The strong element can't be used in a list.
Look at the following illustrated output for an HTML and
a css given below
<!DOCTYPE html>
<head>
<title>TABLE with STYLE
SHEET</title>
<meta charset="utf-8" />
<meta name="description" content="Godaddy Webpage
original" />
<link rel = "stylesheet"
href="GoDaddy_assignment_1.css">
<body>
<img src= "GoDaddy.png"/>
<p>Welcome
to:<strong>webhamster.com</strong></br>
This web page is
parked<strong>Free</strong>courtesy of
<a class="aclass1" href
="https://www.godaddy.com">GoDaddy.com</a></p>
<h1>Want to buy<span class
="span2">webmaster.com ?</span></h1>
<div class ="div1">
<a class ="aclass2"
href="https://www.godaddy.com">Learn How</a>
</div>
</hr>
<button>Search Ads</button>
</body>
</html>
“
QUESTION continued Given the corresponding css
file
.aclass1{color:purple;}...
How do I get my HTML and CSS to look similar to this mockup?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>nitro
site</title>
<link href="css/main.css"
rel="stylesheet"/>
</head>
<body>
<header class="header">
<section class="navlist">
<img
class="logo" src="assets/logobeans.png"/>
<h2
class="headertitle">nitro</h2>
<nav>
<ul>
<li><a
href="index.html"
target="_parent">About</a></li>
<li><a
href="/html/menu.html"
target="_blank">Menu</a></li>
<li><a
href="/html/menu.html">Shop Now</a></li>
</ul>
</nav>
</section>
<section
class="headerContainer">
<h1
class="heading">Nitro Coffee</h1>
<p
class="productDesc">Coffee is a brewed drink prepared from
roasted coffee beans, the seeds of berries from certain Coffea
species.</p>...
6. (HTML) Given the following HTML document: <html> <head> <title>Grandma Cafe</title> </head> <body> <h1>Menu</h1> <ol> <li>Café Latte</li> <li>Café Mocha</li> <li>Cappuccino</li> </ol> <img src="https://businessexchange.ca/wp-content/uploads/2018/05/coffee- shop-1.jpg" /> </body> </html> a. [4] Sketch approximately how it will be displayed in a web browser. (For media items such as images, just draw a box labelled with the media type.) b. [2] What is the protocol, hostname, top-level domain name, and file name of the image being linked here?
ASAP!
No expalanation needed
20. Identify what is wrong in this HTML: <h1>Her e's a heading</h1> p>Here's a paragraph.</p> cppHere's cemb anotherc/em paragraph.</p> pcuHere's an underlined paragraph.</px/u> ul> <li>Here's a <strong>bulleted</strong itemk/li> </ul> The underline element is improperly nested. ie improperly The em element doen't exist. The horizontal rule element is missing a close tag. The strong element can't be used in a list.
Most questions answered within 3 hours.
-
Where is the error in this code sequence?
String s1 = "Hello";
String s2 = "ello";...
asked 10 months ago -
Financial data for Joel de Paris, Inc., for last year
follow:
Joel de Paris, Inc.
Balance...
asked 10 months ago -
Consider this reaction:
Al2(SO4)3 (aq)+ BaCl3
(aq) Al2Cl6 (aq)- +
3BaSO4(s) . What is the...
asked 10 months ago -
Suppose that Savneet is considering increasing her
recent random sample from 20 car rentals to 40...
asked 10 months ago -
Trucks arrive at an unloading terminal at an average rate of 120
per hour.
Trucks arrive...
asked 10 months ago -
Why are methanol and ethanol completely soluble in water while
octanol is not very little soluble....
asked 10 months ago -
A facilities manager at a university reads in a research report
that the mean amount of...
asked 10 months ago -
When the CuSO4 is rehydrated by adding water to the anhydrous
compound, is this an endothermic...
asked 10 months ago -
A ray of sunlight is passing from diamond into crown glass; the
angle of incidence is...
asked 10 months ago -
A block of mass 0.249 kg is placed on top of a light, vertical
spring of...
asked 10 months ago -
how do the kidneys compensate in the presences of acidosis
a) trigger hyperventilate
b) reserve acid...
asked 10 months ago -
Question 501 pts
The rental rate of capital to the firm increases. Which of the
following...
asked 10 months ago