Web Developer Interview Questions and Answers

Web designer / Web developer / Frontend developer some interview questions are given below

1.What are some leading languages or platforms used for web site design?

  • HTML– Hyper Text Markup Language for Base template.
  • CSS-Cascading Style Sheet for Styling.
  • JS-JavaScript for Functionality.
  • PHP-Personal Home Page for Server-side scripting.

2.What is HTML?

Hyper Text Markup Language (HTML) is the markup language for building web pages, websites or anything show in a browser.

3.What is CSS and its purpose?

CSS stands for “Cascading Style Sheet” and it helps to manage font sizes, styles and color combinations which are applied on web pages. Simply put, it gives the overall ‘look and feel’ of the website. Since it makes global appearance changes, a single change in the CSS file will make changes to the entire website where it is being used. Web pages retrieve the information before displaying it.

4.What is external style sheet? How do you link it?

It is a document having the style information which is linked to all html pages. The external CSS is linked using the LINK tag under the HEAD element. Files having the CSS elements should have a relevant extension, say for example, style.css.

5.How do you align images so they are placed higher or lower than the other?

By using the align syntax in the IMG SRC tag like <img src=”image.gif” align=top> Align can be done in other ways as align=middle, align=centre, etc.

6.How to fix image in the background?

To do so, point the body background with the image name as mentioned below:

</head> tag. <body background=”image.gif”> You can also have the BG image fixed, so the image doesn’t move when you use the scroll bar in the browser. For doing this, you need to add BGPROPERTIES and tag as given below: <body background=”picture.gif” bgproperties=”fixed”>

7.Explain the difference between “display: none” and “visibility: hidden”?

These both are style properties. display: none: This doesn’t allocate any space and removes the element entirely from the page which means the does not appear at all though it remains in the source code. visibility: hidden: The tag is not visible (hidden) on the page but the space is allocated unlike display:none

8.When will you use CSS float in CSS?

CSS float is a quite commonly used property. It specifies how the element should be placed – either left or right of the container making the text and other elements wrap around it.

9.List out the 5 values for “position”?

Static, relative, absolute, fixed, inherit are the five possible values for “position”.

10.What is doctype?

Document type declaration is an instruction given to the browser to intimate about the HTML version. It is not case sensitive and is usually written at the beginning before the <html> tag, and it does not require end tag. It is important in the old versions of HTML, whereas for HTML5 is not mandatory to declare it in the beginning.

11.How do you integrate CSS file into your webpage?

You can integrate CSS with HTML Files, you have to add the file after <head> tag using a property called “link.”
Say example,
<head><Link REL=STYLESHEET HREF= “filename.css”Type=“text/css”></head>

12.How do you make a webpage on which someone can send a mail by just clicking on the text with subject?

This can be done using a command named “mailto” in an AHREF tag.
Example
<a href mailto:techdezine@gmail.com?subject=enquiry””> click here to mail ABCD</a>

13.List out different types of JavaScript?

There are around 6 major JavaScript types. It includes:
Null, String (include empty strings,””), Undefined, Boolean, Number (include integers and real numbers)

14.How many HTML tags will be used for a simple web page design?

The simplest of a web page contains 8 tags, in 4 pairs of tags.

<html>
  <HEAD>
  <title>
  Simple web page
  </title>
  </head>
  <body>
  Cannot get simpler than this.
  </body>
 </html>

15.How do you differentiate linking an image, website or email address?

An image can be linked using <img> tag where you have to define the image source and attributes with src tag. For hyper linking texts, email address or to link different parts of the website, you can use <a> which is referred as an anchor tag. This href attribute stands for hypertext reference which is a link back to the original source.

<img src="sampleimage.jpg"></img>
 <a href="test@test.com"></a>
 <a href="https://www.zuaneducation.com/blog/">Zuan Education Blog</a>

16.Can you explain the difference between HTML and HTML5?

HTML5 is the latest version of HTML. It has got some new features like audio/mp3, video, date select function, canvas, placeholder, 2D/3D graphics, local SQL database which do not require an external plugin.

17.What is the difference between elements and tags in HTML?

HTML elements inform how to render text and when surrounded by angular brackets <> it forms HTML tags.

<p> and </p> are HTML tags
 <p>Sample content</p> : This entire thing is an HTML element

18.How many H1 tags can you have on the single web page? Does it even matter?

tag is for the main heading, and a webpage can have only one H1 element except for ARTICLE Or SECTION elements. It is very essential for search engines to understand the content on the web page’s coding. Using H1 elements impact the performance of SEO.

19.What are the elements that have been disappeared?

Some of the elements like <frame> and <frameset> have been eliminated. Some other elements that are no longer supported are , , <applet>, and .

20.What is the difference between bulleted list and numbered list?

Bulleted list uses

    tag which is called “unordered”, and

    1. is for ordered list.

21.Difference between HTML4 and HTML5

HTML5 HTML4
It is an extension of html4. It is the 5th version of HTML. It is the 4th version of HTML.
Html5 is very simple compared to Html4 .example – It is older version of html5 , so having less features compared to html5
Html provides consistency in malformed documents.it has better error handling. It does not provide better error handling like html5.
It has many new tags which were not present in html4 like canvas, video, audio These tags not provided by html4 version
Multimedia support provided by html5. In html4 these supported provided by the third party like Silverlight and flash

22.How would you scale route in Mobile Screens?

In Mobile Screens numerous alternatives are used possibly you can hide the desktop menu and utilize selectable navigation, or the well-known application sidebar type menu that is clearing a path into new sites as well.

23.How will you differentiate in these two? HTML 5 and HTML.

Don’t panic after listening to this question as HTML5 is the advanced version of the HTML. It incorporates the couple of new features like as Audio, Video, date select function, Audio/mp3, placeholder, 2D/3D Graphics, Canvas, Local SQL Database that is added with the goal that no external plugin such as Flash player or another library has to be done.

24.What do you mean by the prompt box?

It enables the client to enter contribution by giving a content box.

25.How would you differentiate between HTML tags and elements?

With HTML elements you can communicate to a browser on how to render text. At the point when encompassed by the angular brackets <> they are termed as HTML tags. Generally, the modules come in sets and include texts.

26.What are the confinements when serving XHTML pages?

The biggest problem that we are facing currently is the poor browser support. Web Explorer and various other client operators can’t parse XHTML as an XML. It isn’t the extensible language it was guaranteed to be. There are numerous different issues. Take your pick.

27.What is doctype?

It is a direction to the program to advise about the adaptation of HTML archive and how the browser should render it.

28.What’s the contrast between quirks mode and standard mode?

Quirk Mode is a default similarity mode and might be not quite the same as the browser to browser, which may result in the absence of consistency in appearance from browser to browser.

29.For what reason will you use CSS float?

It is usually used when we need to influence a component of our web page to be pushed to one side or left and influence different elements to wrap around it.

30.Should device width have any impact on the font-size of the site content?

Indeed on desktop screens, as they generally bigger on the other hand cell phones have smaller screen sizes. The designer needs to consider the way that clients are considerably nearer to the mobile screens instead of laptop or desktop screen separately. So it is prescribed to use smaller text dimensions for the mobile screen gadgets.

31.What is the significant sign that your site isn’t responsive or having issues?

Horizontal bar presence in desktop or mobile screens is the main sign that site is having responsive mistakes and will become the reason of fail check or testing device individually.

32.Why do you want to be a Web Designer?

Ensure that you don’t answer this question in context with money. Don’t consider saying that it was a career that is laid out by the aptitude test. A questioner is intrigued to realize that the business truly inspires you. Do this by sharing the intriguing story that helped you find your enthusiasm for website designing.

33.For what purpose NaN functioning used?

Return true if the contention isn’t a number.

34.Clarify what Information Architecture is?

It is frequently referred to the structure and route of a whole site.

35.Is WebSQL part of HTML 5 detail?

No, numerous individuals label it as HTML 5, yet it’s not some portion of HTML 5 specification. It is based around SQLite.

36.What is the distinction between a bulleted list and numbered list?

Bulleted records utilize the

    tag, which remains for “unordered,” while

    1. is mainly used to make the ordered list.

37.What are the new media components that are incorporated into HTML5? Is canvas used as a part of HTML?

The new media components include:

38.Is CSS case sensitive?

No, it is not case sensitive.

39.As a website specialist while using “delete” button what color would you like to prefer?

Make the “Delete” link/button more eye-catching by using color like Red, mainly when you need to indicate two catch one next to the other. Red is an indication of alert, with the goal that will help the client to draw their consideration.