Wipro Frequently Asked HTML Interview Questions

Document Style Semantics And Specification Language (dsssl)?

Document Style Semantics and Specification Language is an international standard, an expression language, a styling language for associating processing (formatting and transformation) with SGML documents, for example XML.

What Is Extensible Stylesheet Language (xsl)?

XSL is a proposed styling language for formatting XML (eXtensible Markup Language) documents. The proposal was submitted to the W3C by Microsoft, Inso, and ArborText.

Explain In Brief About The Term Css.

A stylesheet language used to describe the presentation of a document written in a markup language. Cascading Style Sheets are a big breakthrough in Web design because they allow developers to control the style and layout of multiple Web pages all at once.

What Are The Various Style Sheets?

Inline, external, imported and embedded are the different types of style sheets.

What Are Style Sheet Properties?

CSS Background
CSS Text
CSS Font
CSS Border
CSS Outline
CSS Margin
CSS Padding
CSS List
CSS Table

List Various Font Attributes Used In Style Sheet.

font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar

Explain Vbscript In Detail.

This is a scripting language developed by Microsoft and is based loosely on Visual Basic. Its functionality in a web environment is dependant upon either an ASP engine or the Windows Scripting Host, and must be used on a Windows hosting platform.

Wipro Frequently Asked HTML Interview Questions Answers

My Page Looks Good On One Browser, But Not On Another.

There are slight differences between browsers, such as Netscape Navigator and Microsoft Internet Explorer, in areas such as page margins. The only real is to use standard HTML tags whenever possible, and view your pages in multiple browsers to see how they look.

When I Try To Upload My Site, All My Images Are X's. How Do I Get Them To Load Correctly?

They are a few reasons that this could happen. The most common are

1. You're attempting to use a .bmp or .tif or other non-supported file format. You can only use .gif and .jpg on the web. You must convert files that are not .gif or .jpg into a .gif or .jpg with your image/graphics program.

2. You've forgotten to upload the graphic files. Double-Check.

3. You've incorrectly linked to the images. When you are starting out, try just using the file name in the <img> tag. If you have cat.jpg, use img src="cat.jpg">. 4. Image file names are case-sensitive. If your file is called CaT.JpG, you cannot type cat.jpg, you must type CaT.JpG exactly in the src. 5. If all of the above fail, re-upload the image in BINARY mode. You may have accidentally uploaded the image in ASCII mode.

Why Does The Browser Show My Plain Html Source?

If Microsoft Internet Explorer displays your document normally, but other browsers display your plain HTML source, then most likely your web server is sending the document with the MIME type "text/plain". Your web server needs to be configured to send that filename with the MIME type "text/html". Often, using the filename extension ".html" or ".htm" is all that is necessary. If you are seeing this behavior while viewing your HTML documents on your local Windows filesystem, then your text editor may have added a ".txt" filename extension automatically. You should rename filename.html.txt to filename.html so that Windows will treat the file as an HTML document.

How Can I Display An Image On My Page?

Use an IMG element. The SRC attribute specifies the location of the image. The ALT attribute provides alternate text for those not loading images. For example

<img src="logo.gif" alt="ACME Products">

Why Do My Links Open New Windows Rather Than Update An Existing Frame?

If there is no existing frame with the name you used for the TARGET attribute, then a new browser window will be opened, and this window will be assigned the name you used. Furthermore, TARGET="_blank" will open a new, unnamed browser window.

In HTML 4, the TARGET attribute value is case-insensitive, so that abc and ABC both refer to the same frame/window, and _top and _TOP both have the same meaning. However, most browsers treat the TARGET attribute value as case-sensitive and do not recognize ABC as being the same as abc, or _TOP as having the special meaning of _top.

Also, some browsers include a security feature that prevents documents from being hijacked by third-party framesets. In these browsers, if a document's link targets a frame defined by a frameset document that is located on a different server than the document itself, then the link opens in a new window instead.

How Do I Make A Frame With A Vertical Scrollbar But Without A Horizontal Scrollbar?

The only way to have a frame with a vertical scrollbar but without a horizontal scrollbar is to define the frame with SCROLLING="auto" (the default), and to have content that does not require horizontal scrolling. There is no way to specify that a frame should have one scrollbar but not the other. Using SCROLLING="yes" will force scrollbars in both directions (even when they aren't needed), and using SCROLLING="no" will inhibit all scrollbars (even when scrolling is necessary to access the frame's content). There are no other values for the SCROLLING attribute.

What Are The Attributes That Make Up A Dhtml?

DHTML is called as Dynamic HTML. This is used to increase the interactive ability and the visual effect of the web pages which is loaded in the browser. The main technologies that are used in DHTML are namely * HTML * JavaScript * CSS which is also called as Cascading Style Sheet * DOM also called as Document Object Model

What Is Html5?

HTML or Hypertext Markup Language is a formatting language that programmers and developers use to create documents on the Web. The latest edition HTML5 has enhanced features for programmers such as <video>, <audio> and <canvas> elements. You view a Web page written in HTML in a Web browser such as Internet Explorer, Mozilla Firefox or Google Chrome. The HTML5 language has specific rules that allow placement and format of text, graphics, video and audio on a Web page. Programmers use these programming tags or elements to produce web pages in unique and creative ways. Tags such as <section>, <article>, <header> enable the creator to make a more efficient and intelligent web page. Users will not have to use a Flash plug-in for video and audio content. Visual Studio users typically write code in HTML5 when creating web site content.

What Is The Difference Between Html And Html5 ?

HTML5 is nothing more then upgreaded version of HTML where in HTML5 Lot of new future like Video, Audio/mp3, date select function , placeholder , Canvas, 2D/3D Graphics, Local SQL Database added so that no need to do external plugin like Flash player or other library.

What Is The < !doctype > ? Is It Necessary To Use In Html5 ?

The <!DOCTYPE> is an instruction to the web browser about what version of HTML the page is written in. AND The <!DOCTYPE> tag does not have an end tag and It is not case sensitive.

The <!DOCTYPE> declaration must be the very first thing in HTML5 document, before the <html> tag. As In HTML 4.01, all <! DOCTYPE > declarations require a reference to a Document Type Definition (DTD), because HTML 4.01 was based on Standard Generalized Markup Language (SGML). WHERE AS HTML5 is not based on SGML, and therefore does not require a reference to a Document Type Definition (DTD).

Do You Know New Input Type Attribute In Html5?

Yes we can use below new input type Attribute in HTML5

Type                     Value
tel         The input is of type telephone number
search         The input field is a search field
url         a URL
email         One or more email addresses
datetime A date and/or time
date         A date
month         A month
week         A week
time         The input value is of type time
datetime-local A local date/time
number         A number
range         A number in a given range
color         A hexadecimal color, like #82345c
placeholder Specifies a short hint that describes the expected value
                of an input field

What Is The Use Of Localstorage In Html5 ?

Before HTML5 LocalStores was done with cookies. Cookies are not very good for large amounts of data, because they are passed on by every request to the server, so it was very slow and in-effective.

In HTML5, the data is NOT passed on by every server request, but used ONLY when asked for. It is possible to store large amounts of data without affecting the website's performance and the data is stored in different areas for different websites, and a website can only access data stored by itself.

And for creating localstores just need to call localStorage object like below we are storing name and address

<script type="text/javascript">
localStorage.name="PCDS";
document.write(localStorage.name);
</script>
<script type="text/javascript">
localStorage.address="Mumbai India..";
document.write(localStorage.address);
</script>

What Is The Sessionstorage Object In Html5 ? How To Create And Access ?

The sessionStorage object stores the data for one session. The data is deleted when the user closes the browser window. like below we can create and access a sessionStorage here we created "name" as session

<script type="text/javascript">
sessionStorage.name="PCDS";
document.write(sessionStorage.name);
</script>

What’s New Html 5 Doctype And Charset?

Normally for HTML files first line of code is DocType which basically tells browser about specific version of HTML. HTML5 is now not subset of SGML. As compared to previous version/standards of HTML, DocType is simplified as follows
                  <!doctype html>
And HTML 5 uses UTF-8 encoding as follows
                 <meta charset=”UTF-8″>

Give An Example Of Adding Canvas In Html5?

<canvas id="myCanvas" width="200" height="100"></canvas>

What The Use Of Canvas Element In Html5?

The canvas element is used to draw graphics images on a web page by using javascript like below

<canvas id="pcdsCanvas" width="500" height="400"></canvas>
<script type="text/javascript">
var pcdsCanvas=document.getElementById("pcdsCanvas");
var pcdsText=pcdsCanvas.getContext("2d");
pcdsText.fillStyle="#82345c";
pcdsText.fillRect(0,0,150,75);
</script>

What Is Web Forms 2.0 In Html5?

Forms Section in HTML5 is known as Web Forms 2.0. It’s basically an extension to HTML4 forms features. Web Forms 2.0 in HTML5 provides comparatively a greater degree of semantic markups than HTML4 as well as removing the need of lengthy and tedious scripting and styling, as a result making HTML5 more richer but simpler in use.

Briefly Explain Cache Manifest File In Html5 With An Example?

Cache manifest file is simply a text file that dictates the browser, what to store for offline access? It basically list down the required resources for offline access.

</> Following is an example of a simple manifest file

CACHE MANIFEST
/decorate.css
/work.js
/amazing.jpg

So, the resources mentioned in above manifest file (decorate.css, work.js, and amazing.jpg) will be downloaded and cached locally for offline access.

What Is An Html5 Web Worker?

Normally if some script is executing in an HTML page, the page remains unresponsive until the scripts execution stops. But an HTML5 web worker is a script (i.e. JavaScript) that keeps executing in background. At the same time user can interact with the page and will not feel any performance degradation.HTML5 Web Worker

HTML5 web worker normally exists in external files and used for long-running CPU intensive tasks but without affecting the User Interface or other scripts.

What Are The Limitations Of Html5 Web Worker?

HTML5 Web worker seems to be very handy in many scenarios (especially for CPU intensive tasks) but it has certain limitations. Few JavaScript objects are not accessible to HTML5 web worker as
•parent object
•window object
•document object.

How Can We Embed Audio In Html5?

HTML 5 comes with a standard way of embedding audio files as previously we don’t have any such support on a web page. Supported audio formats are as follows
•MP3
•Wav
•Ogg.

Below is the most simple way to embed an audio file on a web page.
<audio controls>
    <source src=”jamshed.mp3″ type=”audio/mpeg”>
    Your browser does’nt support audio embedding feature.
</audio>

In above code, src value can be relative as well as absolute URL. We can also use multiple <source> elements pointing to different audio files. There are more new attributes for <audio> tag other than src as below
•controls – it adds controls such as volume, play and pause.
•autoplay – it’s a boolean value which specifies that audio will start playing once it’s ready.
•loop – it’s also a boolean value which specifies looping (means it automatically start playing after it ends).
•preload – auto, metadata and none are the possible values for this attribute.
     •auto means plays as it loaded.
     •metadata displays audio file’s associated data
     •none means not pre-loaded.