Web Designing Interview Questions

CSS mainly stands for “Cascading Style Sheets”.  CSS help to control and manage font sizes, font styles and website colour combinations that are used in a web page. CSS files make global appearance changes easy a single change in CSS file will mean that any pages using that CSS file will automatically display the changes.
CSS is not case sensitive.
External Style Sheet is a template/document/file containing style information which can be linked with any number of HTML documents. The file is linked with HTML documents via the LINK element inside the HEAD element. Files containing style information must have extension .css, e.g. style.css.
It’s very easy we can do it by using mailto command in AHREF link tag example give below:
< A HREF=”mailto:kapil@speakingtechnically.com?Subject=Enquiry”>Click here to mail Speaking Technically< / A> .
By using align statement in your IMG SRG tag
< IMG SRC=”http://www.speakingtechnically.com/chguy.gif” align=top > Also, instead of align=top you can do align=middle, and align=bottom.
static, relative, absolute, fixed, inherit.
Number, String, Boolean, Function, Object, Null, Undefined.
It’s a number in JavaScript, derived by dividing negative number by zero.
Return true if the argument is not a number.
Since 1 is a string, everything is a string, so the result is 124.
Use the parseInt() function, that takes a string as the first parameter, and the base as a second parameter. So to convert hexadecimal 3F to decimal, use parseInt (“3F”, 16);
A prompt box allows the user to enter input by providing a text box.
An alert box displays only one button which is the OK button whereas the Confirm box displays two buttons namely OK and cancel.
For example you create a Ball in 1st layer and then in second layer you create the background. But you should lock all the layers and unlock the layer which u r working, because unlocked layers will be active always(active means, if u want to drag the ball, background layers also will be affected)
The work area in Photoshop has the following basic functionality and features: ? Menu Bar ? this is where you can access most of the commands and features in Photoshop ? Drawing Palette ? where the image being worked on will appear ? Options bar ? content sensitive display of tool options ? Changes as different tools are selected ? display using Window > Options or Click a tool in the toolbox. Lasso options bar ? Tool box – for creating an editing images (display or hide using Windows > Tools)? Palettes – to monitor and modify images (there are 5 palettes by default) ? Palette Well – to organize palettes in work area ? Drag a palette? tab into the palette well to store it in the palette well ? Once in the palette well click on the palette tab to use it.
Don’t be confuse HTML5 is the latest version of HTML which includes few new features like as 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.
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.

Tag                  Description

<audio>               For multimedia content, sounds, music or other audio streams
<video>               For video content, such as a movie clip or other video streams
<source>             For media resources for media elements, defined inside video or audio elements
<embed>            For embedded content, such as a plug-in
<track>               For text tracks used in media players
<canvas>           Yes we can use Canvas element in html5 like below

Like below we can add video in html5
<video width=”320″ height=”240″ controls=”controls”>
<source src=”pcds.mp4″ type=”video/mp4″ />
<source src=”pcds.ogg” type=”video/ogg” />
</video >
And audio like this
< audio controls=”controls”>
< source src=”song.ogg” type=”audio/ogg” />
< source src=”song.mp3″ type=”audio/mpeg” />
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”;"
The session Storage 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>
HTML elements communicate to the browser how to render text. When surrounded by angular brackets <> they form HTML tags. For the most part, tags come in pairs and surround text.
Semantic HTML is a coding style where the tags embody what the text is meant to convey. In Semantic HTML, tags like < b> for bold, and for italic should not be used, reason being they just represent formatting, and provide no indication of meaning or structure. The semantically correct thing to do is use and . These tags will have the same bold and italic effects, while demonstrating meaning and structure (emphasis in this case).
The term DOCTYPE tells the browser which type of HTML is used on a webpage. In turn, the browsers use DOCTYPE to determine how to render a page. Failing to use DOCTYPE or using a wrong DOCTYPE may load your page in Quirks Mode. See example:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>.
Perhaps the biggest issue is the poor browser support XHTML currently enjoys. Internet Explorer and a number of other user agents cannot parse XHTML as XML. Thus, it is not the extensible language it was promised to be. There are many other issues. Take your pick.
Quirks Mode is a default compatibility mode and may be different from browser to browser, which may result to a lack of consistency in appearance from browser to browser.
8 total. 4 pairs of tags. <HTML>
<TITLE>Simplest page ever!</TITLE>
To link an image, use < img> tags. You need specify the image in quotes using the source attribute, src in the opening tag. For hyperlinking, the anchor tag, < a>, is used and the link is specified in the href attribute. Text to be hyperlinked should be placed between the anchor tags. Little known fact: href stands for “hypertext reference.” When linking to an email, the href specification will be “mailto:send@here.com.” See examples below:
<img src=”HTMLrocks.jpg”></img>
<a href=”www.skilledup.com”>Skilledup</a>
<a href=”brad@skilledup.com”>Email Me</a>
It could be any number of things, but the most common mistakes are leaving out a tag bracket or quote missing for href, src, or alt text may be the issue. You should also verify the link itself.
Bulleted lists use the < ul> tag, which stands for “unordered,” whereas < ol> is used to create an ordered list.
Request a Call Back

Enter your Phone Number

Quick Contact

* Required Field
Training Course


Get A Free Quote / Need a Help ? Contact Us