Question 1 Which of the Following HTML Elements Specifies Its

Total Page:16

File Type:pdf, Size:1020Kb

Question 1 Which of the Following HTML Elements Specifies Its Question 1 Which of the following HTML elements specifies its meaning to both the web browser and developer? Semantic elements specify their meaning to both the web browser and developer. Tags such as <aside>, <article>, <section>, and <header> are some of the semantic elements. Question 2 Which of the following defines the script tag? In HTML, the script tag either holds programming scripts, or it points to an external script file through the src attribute. Question 3 What should be the first statement of an HTML5 document? The <!DOCTYPE html> should be the first statement of an HTML5 document, as it specifies which version of HTML you're using. Question 4 Which of the following HTML tags is a stand-alone tag? The <br> tag is a stand-alone tag, as it does not have any closing or companion tag. Question 5 You are creating a home page for XYZ Airlines. The page will use JavaScript. If a browser does not support JavaScript, then a "Your browser does not support JavaScript!" message must be displayed. Which of the following HTML elements will you use to achieve this? The noscript tag specifies an alternate or fallback content for users who have disabled scripts in their browser or have a browser that doesn't support script. It can be used in both the <head> and <body> tags. Question 6 What is the full form of XHTML? The full form of XHTML is Extensible HyperText Markup Language. Question 7 During the planning phase of the project, you have listed some keywords related to your webpage that will be embedded to the webpage in order to increase its relevance and determine its position in the searched list. Which of the following code segments will you use to accomplish this task? As per the scenario, the <meta> tag will be used to embed the keywords related to the webpage along with the content and name attributes because it helps the search engines to increase the relevance and position of the webpage in the searched list by providing the keywords. Here's the syntax for using the <meta> tag with the content and name attributes: <meta name="keywords" content="metadata"> Question 8 You are building a cooking Web site, and need to create a section which contains the stepwise procedure for preparing a chocolate cake along with the list of its ingredients. Which of the following groups of elements will you use to achieve this? As per the scenario, an unordered list will be used to create a list of ingredients, which are required for a chocolate cake because listing of ingredients is not a stepwise or a sequential process. An ordered list will be required to create a list of steps to follow while cooking because it is a stepwise or a sequential process. Hence, the ul and ol elements will be used for the list of ingredients to buy and list of steps to follow, respectively. Question 9 You manage the Web site for your school’s library and decided to mark books that are new with class=new and books that have been borrowed with class=borrowed. How would you mark a book that was both new and borrowed? As per the scenario, the <li> tag will be used to create a list of books. The class attribute will be used with the list to categorize books in different classes because it specifies the class of an element. In order to define multiple class (new, borrowed) for a single book, the space-separated list of class names will be specified as a value in the class attribute. Here's the syntax of the class attribute along with the <li> element: <li class="className1 className2 className3"> Question 10 The code for your Web site’s home page is written in HTML and you want to include remarks for some code segments such that other developers viewing the code will understand how it works. These remarks must be invisible to visitors of your site. Which of the following markups illustrates the correct syntax for these remarks? In HTML, comments are added to the code as remarks for other developers or anyone who will view the source code but are not visible on the Web site, when the HTML document is rendered by a browser. Syntax for adding comments in the HTML code is shown below: <!–– Comment goes here––> Question 11 Which of the following code segments will you use to display the given list? In the given image, the list-style-image property will be used because the list is displayed with an image as the list item marker. The font-style property is used to specify the style of the font such as italic, normal, and oblique. The font-weight property is used to specify the weight of the font such as bold, thick, and so on. The element (ul) selector will be used to define the style for the list. Here's the syntax for defining the style of the given list: ul { list-style-image: url('img.png'); font-style: italic; font-weight: bold; } Question 12 How many levels of headings are there in HTML? There are six levels of headings in HTML such as <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>. h1 is the most important or the highest level and h6 is the least. Question 13 Which of the following tags is placed within a <head> tag of an HTML document? The following tags are placed within a <head> tag of an HTML document: • <title> • <meta> Question 14 How does a user specify width of the page such that it will behave according to the width of the device in HTML? In HTML, when the content attribute of the meta tag contains the value width=device-width, it will specify the width of the page such that it will behave according to the width of the device. Question 15 How does one instruct the browser to control the page's scaling and dimensions within a meta tag? A <meta> viewport element instructs the browser to control the page's scaling and dimensions, and it is declared by using name="viewport" within a meta tag. Question 16 John is creating a Web site for his company. The Web site must be able to prevent itself from default zooming and maintain its original quality if the user changes its orientation. Which of the following code segments will you use to achieve this? The meta viewport element along with its properties will be used because it instructs the browser on how to control the page's scaling. It contains two attributes name and content. The name attribute specifies that the <meta> tag is defining a viewport. The content attribute defines the width and initial- scale properties. The initial-scale property controls the initial zoom level such that 1 viewport pixel equals 1 CSS pixel. This property helps the Web site to prevent itself from default zooming and maintain its original quality if the user changes its orientation. Here's the syntax of the meta element along with its attributes: <meta name="viewport" content="width=device-width, initial- scale=1.0"> Question 17 You are designing a payment page for an e-commerce Web site. The page must refresh itself automatically after every 5 minutes for security purposes. Which of the following code segments will you use? The http-equiv attribute will be used because it provides an HTTP header for the information/value of the content attribute. The content attribute defines a time interval for the document to refresh itself and gives the value associated with the http- equiv or name attribute. Syntax for the http- equiv attribute along with the content attribute: <meta http-equiv="refresh" content="Time in seconds"> Question 18 Which path specifies that the file is located one level up from the current directory? The href="../filename.html" path specifies that the file is located one level up from the current directory. Question 19 Which of the following paths is an absolute path? The /directory/filename is an absolute path, as an absolute file path starts with a forward slash and then is succeeded by all the directories from the top level to the file you are linking. Question 20 Considering the following code snippet, which of the following directories contains the trombone.jpg file? The path for trombone.jpg file is given as Desktop/ Images/Mandolin/trombone.jpg, which is an absolute path, as it defines the complete location of the file trombone.jpg, starting from the root directory (Desktop) to the end directory (Mandolin) with the other sub directory (Images). Hence, the trombone.jpg file is contained in the end directory (Mandolin). .
Recommended publications
  • Markup Languages & HTML
    INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module 2: Markup Languages & HTML (()II) Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals [email protected] Objectives/Outline y Objectives y Outline ◦ … ◦ … ◦ Create pages that have ◦ HTML Elements frames x Frames ◦ Create pages that have x Forms forms to collect user inputs x Head Element ◦ Use meta data to improve x Meta data search engine results and to x <!DOCTYPE> tag redirect a user ◦ Use the <!DOCTYPE> to declare the DTD KFUPM-081© Dr. El-Alfy 1 Frames ¾ Allow the browser window to be divided into an independent set of frames ¾ More than one HTML document can be displayed in the same browser window ¾ Frequently used to add a menu bar to a web site where the constant back and forth clicking would become tedious in a single page. ¾ Allow easier navigation under some circumstances ¾ The designer can divide the window horizontally and vertically in various ways, e.g. ¾ The disadvantages of using frames are: ◦ The web developer must keep track of many HTML documents ◦ It is difficult to print/bookmark the entire page KFUPM-081© Dr. El-Alfy SWE 444 Internet & Web Application Development 2.3 Frames (cont.) ¾ The <frameset> tag ◦ Defines how to divide the window into frames ◦ Each frameset defines a set of rows or columns ◦ The values of the rows/col umns iidindicate the amount of screen area each row/column will occupy ¾ The <frame> tag ◦ Defines what HTML document to put into each frame ¾ Useful tips ◦ If a frame has visible borders, the user can resize it by dragging the border ◦ To prevent a user from resizing a frame, add noresize="noresize" to the <frame> tag ◦ Add the <noframes> tag for browsers that do not support frames KFUPM-081© Dr.
    [Show full text]
  • 101 Ways to Promote Your
    Increase Your Real Estate Sales Online! 101 Ways to Promote Your Real Estate Web Site Web Real Estate Your to Promote Ways 101 An increasing number of real estate buyers and sellers are making This Book and Web Site 101 Ways to Promote Your the Web their first destination. So now is the time to stake your Will Help You: claim in the Internet land rush with an effective and well-promoted • Draw more buyers and sellers to your Web site. Getting potential customers to visit Web site rather your Web site than those of your competitors can mean thousands of additional • Optimize your site for real estate-specific search engines commission dollars in your pocket every month. • Learn what techniques work best in the “Great stuff! online real estate arena Real Esta t e Practical, powerful • Make effective marketing use of In 101 Ways to Promote Your Real Estate Web Site, widely tips on growing newsgroups, mail lists, meta indexes, sales from your Web recognized expert Susan Sweeney provides proven promotion e-zines, Web rings, cybermalls, site. Get it!” techniques that help you draw buyers and sellers to your real estate podcasting, blogs, wikis, mobile, autoresponders, banner exchange Web site. If you deal in either residential or commercial real estate programs, and more — Randy Gage, author of as an agent, broker, or firm, this book (and it’s companion Web site) • Leverage the power of e-mail in real Prosperity Mind estate sales Web Site is exactly what you need. Bottom line, it will help you draw more • Use offline promotion to increase buyers and sellers to your Web site and increase your earnings.
    [Show full text]
  • Extending Expression Web with Add-Ons
    APPENDIX Extending Expression Web with Add-Ons Any good web editor must be extensible, because the Web is constantly changing. This capability is one of the strongest assets of Expression Web; it means that third parties can add new features that are easy to use inside of Expression Web. You don’t have to wait for Microsoft to release a new version to get more features. I am talking not about code snippets, like the one we created in Chapter 2, but about fea- tures that make it easy to add e-commerce capabilities using PayPal buttons or a shopping cart, improve your search engine ranking using Google Sitemaps, or add Flash banners and interactivity without becoming a programmer or a search engine specialist. Some of these add-ons are commercial applications that charge a fee, and others are created by someone who sees a need and creates a free add-on. At the time of this writing, there were over a dozen add-ons available for download and more actively under develop- ment. A current list is available at http://foundationsofexpressionweb.com/exercises/ appendix. Add-ons are usually easy to install and use. Once you have found an extension for Expression Web that offers you the ability to extend what you can do, download the add-on, and follow the extension maker’s instructions on how to install it. Most add-ons will have an installer that creates either a toolbar or an entry in one of the menus. Adding PayPal Buttons The first add-on I will show you creates a menu item.
    [Show full text]
  • Check Seo of Article
    Check Seo Of Article Forensic Hamilton girdle some viridescence and values his Latinists so delayingly! Stark-naked Westbrook never invaginatingdisguisings so foreknown etymologically ungainly. or muring any roomettes nauseously. Dolomitic Goddard autoclave, his shadoofs In your post is a drop in? Some of your posts are some other domains option, perform the top serp features cover it. We check out of seo article by nightwatch search engines but keep google only indexes and seos and match interested. As a article, of articles are unlimited focus of those pages? Google had low content in enterprise search index due to querystring parameters that shadow were passing along god the URL. SEO checklist on the internet. On page is kindergarten a few since many factors that search engines looks at are they build their index. How do I know that a particular page can be indexed? Irina Weber is Brand Manager at SE Ranking. It makes you frustrated when faculty receive affection with errors. This category only includes cookies that ensures basic functionalities and security features of the website. Google SEO Ranking Checker Our Free Google SEO Ranking Tool helps your find you top traffic driving keywords Enter a domain known to identify high. This makes it easy for readers to share your content continuously as they are reading down the page. This ensures that a wider audience will enjoy great content and acquit the headline but it shows up in Google results pages. Thanks for seo article title tag, checking tool can conduct readability score to click the articles are highly useful was of.
    [Show full text]
  • CSS Lecture 2
    ΠΡΟΓΡΑΜΜΑΤΙΣΜΟΣ ∆ΙΑ∆ΙΚΤΥΟΥ HTLM – CSS Lecture 2 ver. 2.03 Jan 2011 ∆ρ. Γεώργιος Φ. Φραγκούλης ΤΕΙ ∆υτ. Μακεδονίας - 1 Μεταπτυχιακό Τμήμα The HTML head Element The head element is a container for all the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more. The following tags can be added to the head section: <title>, <base>, <link>, <meta>, <script>, and <style>. ΤΕΙ ∆υτ. Μακεδονίας - 2 Μεταπτυχιακό Τμήμα The HTML title Element The <title> tag defines the title of the document. The title element is required in all HTML documents. The title element: – defines a title in the browser toolbar – provides a title for the page when it is added to favorites – displays a title for the page in search-engine results ΤΕΙ ∆υτ. Μακεδονίας - 3 Μεταπτυχιακό Τμήμα Example <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html> ΤΕΙ ∆υτ. Μακεδονίας - 4 Μεταπτυχιακό Τμήμα The HTML base Element The <base> tag specifies a default address or a default target for all links on a page: <head> <base href="http://www.mypages.com/images/" /> <base target="_blank" /> </head> ΤΕΙ ∆υτ. Μακεδονίας - 5 Μεταπτυχιακό Τμήμα The HTML link Element The <link> tag defines the relationship between a document and an external resource. The <link> tag is most used to link to style sheets: <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> ΤΕΙ ∆υτ. Μακεδονίας - 6 Μεταπτυχιακό Τμήμα The HTML style Element The <style> tag is used to define style information for an HTML document.
    [Show full text]
  • Getting Back on the Trail, Combating Information Overload with Topic Maps Thesis for the Cand
    View metadata, citation and similar papers at core.ac.uk brought to you by CORE provided by NORA - Norwegian Open Research Archives UNIVERSITY OF OSLO Faculty of Humanities Department of Linguistics and Scandinavian Studies (Humanistic Informatics) Getting back on the trail, combating information overload with Topic Maps Thesis for the Cand. Philol. degree Rolf B. Guescini May 8, 2006 Contents 1 Historical overview and contributions 1 1.1 Vannevar Bush . 1 1.1.1 Memex . 2 1.1.2 Sequential vs. Associative . 2 1.1.3 From Memex to hypertext . 3 1.2 Theodore Nelson . 4 1.2.1 Literary Machines . 4 1.2.2 Project XANADU . 5 1.2.3 Embedded markup . 6 1.2.4 Other visions and projects on the way . 8 1.3 Douglas Engelbart . 12 1.4 Hypertext before the World Wide Web . 14 1.4.1 Modularity, juxtaposing, and editing . 14 1.4.2 Hierarchical structure vs. non-hierarchical link structures . 15 1.4.3 Filtering of information . 16 1.4.4 Extended link functionality . 16 1.4.5 Paths . 17 1.4.6 High level info to combat overload . 18 1.4.7 Tim Berners-Lee and the World Wide Web . 18 1.4.8 Development of the World Wide Web . 19 1.4.9 WWW becomes commercial . 20 1.4.10 The World Wide Web Consortium . 21 2 The World Wide Web and HTML: What is wrong with hypertext at this point? 23 2.1 The hyper in hypertext . 24 2.1.1 Associative links . 25 2.1.2 Link directionality . 26 2.1.3 Broken links .
    [Show full text]
  • Analysis of Web Spam for Non-English Content: Toward More Effective Language- Based Classifiers
    RESEARCH ARTICLE Analysis of Web Spam for Non-English Content: Toward More Effective Language- Based Classifiers Mansour Alsaleh*, Abdulrahman Alarifi King Abdulaziz City for Science and Technology (KACST), Riyadh, Saudi Arabia * [email protected] a11111 Abstract Web spammers aim to obtain higher ranks for their web pages by including spam contents that deceive search engines in order to include their pages in search results even when they are not related to the search terms. Search engines continue to develop new web spam detection mechanisms, but spammers also aim to improve their tools to evade detection. In OPEN ACCESS this study, we first explore the effect of the page language on spam detection features and we demonstrate how the best set of detection features varies according to the page lan- Citation: Alsaleh M, Alarifi A (2016) Analysis of Web Spam for Non-English Content: Toward More guage. We also study the performance of Google Penguin, a newly developed anti-web Effective Language-Based Classifiers. PLoS ONE spamming technique for their search engine. Using spam pages in Arabic as a case study, 11(11): e0164383. doi:10.1371/journal. we show that unlike similar English pages, Google anti-spamming techniques are ineffective pone.0164383 against a high proportion of Arabic spam pages. We then explore multiple detection features Editor: Muhammad Khurram Khan, King Saud for spam pages to identify an appropriate set of features that yields a high detection accu- University, SAUDI ARABIA racy compared with the integrated Google Penguin technique. In order to build and evaluate Received: June 3, 2016 our classifier, as well as to help researchers to conduct consistent measurement studies, we Accepted: September 23, 2016 collected and manually labeled a corpus of Arabic web pages, including both benign and Published: November 17, 2016 spam pages.
    [Show full text]
  • Creating HTML Meta-Tags Using the Dublin Core Element Set Abstract Creating HTML Meta-Tags with the Dublin Core Element Set Over
    View metadata, citation and similar papers at core.ac.uk brought to you by CORE provided by E-LIS Creating HTML Meta-tags Using the Dublin Core Element Set Christopher Sean Cordes Assistant Professor Instructional Technology Librarian Parks Library Iowa State University Abstract The breadth and scope of information available online and through intranets is making the standardization and use of metadata to identify records imperative if not mandated. Some measure of searchability is provided by the html meta tag<meta>. But the tag has limited potential for describing complex documents. The Dublin Core Initiative group has developed metadata standards that support a broad range of purposes and business models,” most notably the Dublin Core Element Set. The set is fairly easy to learn but must be combined with HTML if to provide metadata for referencing by a web crawler or search engine. This paper will outline the steps needed to create HTML metadata using the Dublin Core Element Set, and some of the benefits of doing so. Keywords: Dublin Core Element Set, HTML, Metadata, Meta tag, Search engine Creating HTML Meta-tags with the Dublin Core Element Set Overview The breadth and scope of information available online and through intranets is making the standardization and use of metadata to identify records imperative if not mandated. There is a small degree of metadata control built in to the HTML language in the meta <meta> element. However this tag has limited potential for describing complex documents. The Dublin Core Initiative a group working towards “the development of interoperable online metadata standards that support a broad range of purposes and business models” developed an element set for building flexible control records for online documents.
    [Show full text]
  • Web Data Management
    http://webdam.inria.fr Web Data Management Web Search Serge Abiteboul Ioana Manolescu INRIA Saclay & ENS Cachan INRIA Saclay & Paris-Sud University Philippe Rigaux CNAM Paris & INRIA Saclay Marie-Christine Rousset Pierre Senellart Grenoble University Télécom ParisTech Copyright @2011 by Serge Abiteboul, Ioana Manolescu, Philippe Rigaux, Marie-Christine Rousset, Pierre Senellart; to be published by Cambridge University Press 2011. For personal use only, not for distribution. http://webdam.inria.fr/Jorge/ For personal use only, not for distribution. 2 Contents 1 The World Wide Web 2 2 Parsing the Web 5 2.1 Crawling the Web . .5 2.2 Text Preprocessing . .8 3 Web Information Retrieval 11 3.1 Inverted Files . 12 3.2 Answering Keyword Queries . 15 3.3 Large-scale Indexing with Inverted Files . 18 3.4 Clustering . 24 3.5 Beyond Classical IR . 25 4 Web Graph Mining 26 4.1 PageRank . 26 4.2 HITS . 31 4.3 Spamdexing . 32 4.4 Discovering Communities on the Web . 32 5 Hot Topics in Web Search 33 6 Further Reading 35 With a constantly increasing size of dozens of billions of freely accessible documents, one of the major issues raised by the World Wide Web is that of searching in an effective and efficient way through these documents to find those that best suit a user’s need. The purpose of this chapter is to describe the techniques that are at the core of today’s search engines (such as Google1, Yahoo!2, Bing3, or Exalead4), that is, mostly keyword search in very large collections of text documents.
    [Show full text]
  • Internet Technologies Some Sample Questions for the Exam
    Internet Technologies Some sample questions for the exam F. Ricci 1 Questions 1. Is the number of hostnames (websites) typically larger, equal or smaller than the number of hosts running an http daemon? Explain why. 2. What is the main difference, with respect to the network topology, between a telephone network and Internet? 3. List the operations performed by the browser, the DNS and a web server A when you request on your browser a page located on web server A. 4. Say what are well formed URL in the following list of items: http://www.unibz.it/~ricci file:///C:/ricci/Desktop/students.doc mailto:[email protected] telnet://www.chl.it:80 1 Larger, may web sites can be hosted on the same physical host. But it is also true that in a web farm many physical machines will serve the same hostname (e.g. google). 2 The telephone line is typically not redundant, i.e., there is just one path from one phone to another phone. So is something is broken in the middle the communication cannot be established. 3 see slide (lect2 5-17-19) 4 all of them 2 Questions 5. What colour is #000000? And #ff0000? 6. What tag will produce the largest heading: <h2>, <h3>, <head>? 7. What types of information is contained in the head element of an HTML file? 8. How the browser will use a meta element like this: <meta name=”keywords” content=”servlet, jsp, beans”/> What kinds of web applications are using the meta elements of web pages? 9.
    [Show full text]
  • An Introduction to Web Page Design
    Chapter Three An Introduction to Web Page Design Introduction Welcome to the beginning of the Web Page Class. In this class we are going to learn the basic building blocks of web pages and how to use them. This can appear to be very complicated. Let’s look at where we ultimately are going. Open a web page in your favorite web browser (i.e. Internet Explorer, Google Chrome, Mozilla Firefox, etc.). Position your mouse cursor on the page, not over an image, and right-click. In the menu that appears, select “View Source” or “View Page Source”. What appears is the code that creates this page in your browser (see example below). Looks complicated doesn’t it? It is complicated; however, it is built out of a Figure 1 Internet Explorer Page Showing Page Source bunch of small components that you will learn during the remainder of this class. If you stick with me and do the little exercises I ask of you during the semester, by its end you will be well on your way toward being able combine them and create such pages on your own. XHTML, HTML, and CSS The code that makes up a webpage consists of two types of coding, the code that defines and organizes the information on the page and the code that formats the information in the webpage. The code that defines and organizes the information on the webpage in XHTML or HTML. We will be using XHTML (see figure 2 for a timeline of XHTL/HTML development). Figure 2 Timeline of the Development of XHTML and HTML What’s the difference and why XHTML? HTML, which stands for HyperText Markup Language, was used in the beginning for the creation of web pages.
    [Show full text]
  • Yadis Specification 1.0
    Yadis Specification 1.0 Yadis Specification Version 1.0 18 March 2006 Joaquin Miller, editor www.yadis.org 1 Yadis Specification 1.0 Table of Contents 0 Introduction........................................................................................................................................................ 3 1 Scope..................................................................................................................................................................... 3 2 Normative References.........................................................................................................................................4 2.1 Requests for Comments............................................................................................................................. 4 2.2 W3C Recommendations.............................................................................................................................4 2.3 OASIS Specifications...................................................................................................................................4 3 Terms and Definitions....................................................................................................................................... 5 3.1 Implementor Terms.................................................................................................................................... 5 3.2 Definitions from other specifications......................................................................................................
    [Show full text]