In the index.htm/file, add a class attribute withthe value tablet-desktop to the examples divIn the styles.css file, below the mobile viewport comment, add a new comment thatindicates that the following style rule hides thetablet-desktop class. Below the comment,add a new style rule that hides the tabletdesktop class. 302 Larning XFileo/index.html?deploymentid=59963619280366961329584664438elSBN=9780357423844&snapshotid=3047303&id=15488798118view the page.hent to the ind... >ment below th...the...ss attribute with Vne examplese mobilecomment thatle rule hides thethe comment,the tablet-view the results>8MindTap Cengage Learning Xindex.htmlX styles.css24 /* Style rules for header content */25 header h1 {26text-align: center;27color: #fff;282930font-family: 'Playfair Display', serif;padding: 5%;font-size: 3em;31 }32 /*Style rules for mobile veiwpoint*/3334 /*Style rules for tablet-desktop*/35 .tablet-desktop {display: none};36X +37 /* Style rules for navigation area */38 nav {394041}4243 nav ul {444546}4748 nav li {4950615253background-color: #ebf7e3;border-bottom: 1px solid #375f1b;text-align: center;list-style: none;font-size: 1em;font-family: Geneva, Arial, sans-serif;font-weight: bold;padding: 3%;display: inline-block;NO+I heXe page. >html?deploymentid=59963619280366961329584664438celSBN=97803574238448snapshotid=3047303&id=1548879811&takeld=0fa24the ind... >pute withples9ent thathides thement,blet-elow th... > 3839e resultsMinclop-Cengage Learning XA>3536374041424344454647484950515253545556576859index.htmlX styles.cssEvery modern browser uses a default style sheet to display webpexact same style sheet, so style rules vary by browser. These style sheets arestyle sheets. Select from the following options to view user agent style sheetChromeFirefoxX +SafariStyle rules from Chromebody {}+display: block;margin: 8pxbody:-webkit-full-page-media {IWeb BrolocalhosStyle rulChromebody { disp8px}body:-webk{backgrour0)}p{display: bmargin-befowebkit-marg1 qem; -westart: 0; -web0; }div { display:layer { displayarticle, aside,hgroup, main,display: block

Let's understand first what are the html classes and the id attributes . When we create the element…

In the index.htm/file, add a class attribute with the value tablet-desktop to the examples div In the styles.css file, below the mobile viewport comment, add a new comment that indicates that the following style rule hides the tablet-desktop class. Below the comment, add a new style rule that hides the tablet desktop class

In the index.htm/file, add a class attribute with the value tablet-desktop to the examples div In the styles.css file, below the mobile viewport comment, add a new comment that indicates that the following style rule hides the tablet-desktop class. Below the comment, add a new style rule that hides the tablet desktop class

Programming with Microsoft Visual Basic 2017

8th Edition

ISBN:9781337102124

Author:Diane Zak

Publisher:Diane Zak

Chapter13: Web Site Applications

Section: Chapter Questions

Problem 3E

See similar textbooks

Similar questions

HTML5 I have created page "Index" that includes a form from html page"ChestAndBack" On the html page "ChestAndBack" I did not use any of the usual tags such as Doctype, title, html, etc. It seems to run, but would it be better to include those usual tags? My end goal is to load different forms depending on user dropdown selection on Index page.
this is what I have so far <!DOCTYPE html><html><head><meta charset=”utf-8”><title>Lab3</title></head><body><h1>Images</h1> <img src="C:\Users\332bo\Desktop\Week_3_Lab\images/meeting-5793.jpg" alt="A meeting"width="100%"> <img src="https://images.unsplash.com/photo-1631130576582-2119bf5189e3?ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDF8MjFhcGMzVFVFVm98fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="chair"width="100%"> <img src="C:\Users\332bo\Desktop\Week_3_Lab\images\responsive" alt="sizes" srcset="xl-box.png, s-box.png, m-box.png, l-box.png" sizes="100vw"> </body></html> <meta name="viewport" content="width=device-width, initial-scale=1.0">
In your Employee/Index.cshtml razor page you want to create a link to the Employee Controller, Add Action to add a new Employee. What code would you use? 1. <a asp-controller="Employee" asp-action="Add">Add New Employee</a> 2. <a asp-controller="Home" asp-action="Add">Add New Employee</a> 3. <a asp-controller="Employee" asp-action="Index">Add New Employee</a> 4. <a http="Employee/Add" >Add New Employee</a>
i am writing a node s program in a nodejs program . landing.hbs <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Landing</title> </head> <header> <a id="aSignin" href="/signin">Sign in</a> </header> <article> <svg> <symbol id="s-text"> <text text-anchor="middle" x="70%" y="40%" class="text--line"> this is a land </text> </article> </body></html> ---------------------- server.js var express = require('express');var exphbs = require('express-handlebars');var app = express();//app.engine('.hbs', exphbs({extname: '.hbs'}));//app.set('view engine', '.hbs');app.engine('hbs', exphbs({defaultLayout: false, extname:'.hbs',}));const bodyParser = require("body-parser");const fs…
// 2) Define a function named getAllParagraphs that returns a// NodeList containing all paragraph nodes inside the "myPage"// section element of the HTML document. index.html is below: <!DOCTYPE html><html> <head><title>Practice Assignment 10</title><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/8.1.1/mocha.css"integrity="sha512-Ytt2foRGKdIInPXwyS3gxRvfTv4n2wi7uB7neCLH1LjExT+PKBeQu6LNVB4QpHaJqx7m2btagBs4kqxYC1QNFg=="crossorigin="anonymous" /><link rel="stylesheet" href="./css/style.css" /></head> <body><section id="myPage" style="margin: 60px"><p class="even">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sequi obcaecati qui mollitia excepturi in nesciunt.</p><p class="odd">Eaque reprehenderit animi autem, hic veritatis consectetur excepturi ipsum cum amet vel eveniet…
this "landing "html is like this ----------------------------- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>store</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="main.html"> <img…
this is a login page of a android studio app activity_main.xml ------------- <?xml version="1.0" encoding="utf-8"?><androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"tools:layout_editor_absoluteX="-10dp"tools:layout_editor_absoluteY="-74dp"><ImageViewandroid:id="@+id/imageView2"android:layout_width="140dp"android:layout_height="100dp"android:contentDescription="TODO"android:src="@drawable/ccc"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintHorizontal_bias="0.542"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"app:layout_constraintVertical_bias="0.35"…
I have this code for word app API and I need to Create a client-side application that provides a user interface to manage multiple collections of words using the API developed earlier.1. Create an HTML file under words-app/public/index.html. You can access and test this page using http://localhost:3000/index.html.
Please fix the main.js file so that when the button is clicked enough times the <button class="hot-button cold"> in index.html gets changed to <button class="hot-button cool"> at less than 4 clicks, <button class="hot-button tepid"> at less than 7 clicks and so forth. We only just learned dom manipulation and document.querySelector() pls help me understand dom better thank you very much! index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DOM Manipulation</title> <link rel="stylesheet" href="styles.css"> </head> <body> <main> <button class="hot-button cold">Hot Button</button> <p class="click-count">Clicks: 0</p> </main> <script src="main.js"></script> </body> </html> main.js var $hot =…
Hello an expert! Please help me with this homework! 1. HTML5 a. Configure an alert message to pop up using Javascript when the page is displayed in the browser. Edit the body tag as follows: <body onload="alert ('Today only-10% off on a weekend- coupon code ZenTen');"> . The onload event handler in this case pops up an alert message. b. Add a script block to the head section as follows: <script> function validateForm () { if (document.forms [0]. myEmail. value== "") { (alert (Pleade enter an e-mail address."); return false // end if return true; } end function validateForm </script> Many thanks for your time! Khin.
For the following HTML, we want the header to turn red when the button is clicked. Pick the right option to achieve that result Index.html File Content: <body> <h1 id="myId" class="myClass">Heading</h1>  </body> a.<button onclick='document.getElementById("myClass").style.color="red";'>Change</button> b.<button onclick='document.getElementById("myId").style(color:"red");'>Change</button> c.<button onclick='document.getElementsById("myId")[0].style.color="red";'>Change</button> d.<button onclick='document.getElementsByClassName("myId").Color("red");'>Change</button> e.<button onclick='document.getElementsByClassName("myClass")[0].style.color="red";'>Change</button> pls fast answer
this is the "login .xml" <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity7"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:background="#FF4500"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:padding="20dp"android:text="login page"android:textColor="@color/white"android:textSize="25dp"…