Explanation of Solution
The given HTML code shows a web page with image, navigation and paragraph elements.
Given code:
<!--HTML Tag-->
<!DOCTYPE html>
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Predict the Result</title>
<!--Meta Tag-->
<meta charset="utf-8">
<!--Close Tag-->
</head>
<!--Body Tag-->
<body>
<!--Header Tag with attributes-->
<header> <img src="logo.gif" alt="CircleSoft Design" height="100"
width="1000">
<!--Close Tag-->
</header>
<!--Navigation Tag-->
<nav> Home <a href="about.html">About</a>
<!--Anchor Tag-->
<a href="services.html">Services</a>
<!--Close Tag-->
</nav>
<!--Main Tag-->
<main>
<!--Paragraph Tag-->
<p>Our professional staff takes pride in its working relationship with our clients by offering personalized services that take their needs into account, develop their target areas, and
incorporate these items into a website that works...
Want to see the full answer?
Check out a sample textbook solutionChapter 4 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
- i was wondering can you code the html js and cssarrow_forwardlanguage: HTML Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away 2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown: "payment amount is less than cart total" otherwise: "payment complete"arrow_forwardConstruct an HTML table representing your class timetable. Class times should be included in the column headers, and the days of the week in the row headers. The table has to provide both the course material and the teacher. A caption describing the table's contents should be placed above it.arrow_forward
- Using Document Object Model (DOM): Modify “src” attribute in the following HTML code, photo1.jpg to photo2.jpg: <img src="photo1.jpg" alt="photo" id="img"/> Modify the content of the following HTML code, Hello SEU to Hello KSA: <h1 id ="h">Hello SEU</h1>arrow_forwardHTML could you please how to do this table with html code thanks?arrow_forwardCreate a HTML with CSS that will contain the following contents: Information of the Company as a whole Who We Are Contacts Partnership with School ComelecEnsure that the styling of CSS is visually appealing to the audience.arrow_forward
- What is the intuition of using DOCTYPE statement at the beginning of an HTML page?arrow_forwardQ3. Predict the Result.Draw and write a brief description of the web page that will be created with the followingHTML code:<!DOCTYPE html><html lang="en"><head><title>Predict the Result</title><meta charset="utf-8"></head><body><h1>Contact Us</h1><form action="myscript.php"><fieldset><legend>Complete the form and a consultant will contactyou.</legend>E-mail: <input type="text" name="email" id="email" size="40"><br>Please indicate which services you are interested in:< br><select name="inquiry" id="inquiry" size="1"><option value="development">Web Development</option><option value="redesign">Web Redesign</option><option value="maintain">Web Maintenance</option><option value="info">General Information</option></select><br><input type="submit"></fieldset></form><nav><a…arrow_forwardI want to create an HTML page with a JavaScript file that utilizes jQuery for 3 different events, for 3 different effectsarrow_forward
- Write html code to create a webpage with a table that displays a photo gallery like the webpage in three columns(photo, date, and description) <!DOCTYPE html> <html lang="en"> <head> <title>Photo Gallery</title> <link rel="stylesheet" href="styles.css"> </head> <body> <!-- TODO: Add your HTML here --> </body> </html> The index.html file uses a <link> element to import the CSS file styles.css. The CSS changes the font, adds a border around the table, and colors every other row light gray. The table should have a <caption> element that describes the photo gallery's theme. The table should have 3 columns and 5 rows: The 1st row should use <th> elements to list the Photo, Date, and Description headings. The 2nd - 4th rows should display the given vacation images in the 1st column with an alt attribute that briefly describes the photo. The 2nd column should display the date when the photo was…arrow_forwardSelect the term below that best matches the following description: Used to represent text in HTML elements in the DOM tree. Select one: Element Nodes Document Node Attribute Node Text Nodearrow_forwardHTML Use repl.it to build a web page that contains a table that displays some set of data. For this exam, you may use your previous labs as a starting point, however, you must fork the repl (see instructions in previous lab) so that it does not alter your lab submission. You can choose the topic of the webpage and how you want to portray the table data. You must use the <table> element in HTML for your tabulated data. While you can choose any kind of table you choose, there are a few requirements: You must have at least 5 columns and 5 rows. You must have a header row THE BELOW IS JUST AN EXAMPLE - NOTHING IS REQUIRED EXCEPT THE TABLE If you are having difficulty coming up with an idea or just don’t feel like being creative, below is an example that you may use for your Exam: Create a table of assignments for the semester. You have the following data: Labs Lab 1, Lab 2, Lab 3, etc. Professional Accountability Exercises Reviews Exams Exam I, Exam II, and this exam…arrow_forward
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L