Basic Web Development Interview Questions

Basic Web Development Interview Questions for Beginners

 

Q1. What are the most commonly used languages and platforms for website design?

 

The following are the main languages or platforms used for web designing:

  • HTML  which stands for Hypertext markup language that helps design the base template. 
  • CSS which stands for cascading style sheets is used for styling the pages.
  • JS which is javaScript is used to code the functionality.
  • PHP or personal home page which is used for server-side scripting. 

 

Q2. What is HTML? 

 

HTML is Hypertext Markup Language which is the most used language for making web pages or websites.

 

Q3: What is the function of CSS in web design?

 

CSS or  Cascading Style Sheets are needed to give the look and feel of any website. they help in the management of font styles, sizes, and color combinations that are required for web pages. one change in the CSS file will cause a change to the entire website because web pages retrieve data every time and then display it. 

 

Q4: What is an external style sheet?

 

An external style sheet is a document that contains the style information for many web pages or HTML files. the external CSS is normally linked via the LINK tag that comes under the head element. This External CSS with the elements must have the relevant extensions such as style CSS.

 

Q5: Differentiate between HTML elements And HTML tags ?

 

HTML elements are used to communicate with the browser to render text. HTML tags are elements surrounded by angular brackets. HTML tags surround the text and come in pairs.

 

Q6: What is Semantic HTML? 

 

Semantic HTML denotes a coding style where the tags indicate the semantics of text that is to be conveyed. for e.g., denotes bold text, denotes italics, and so on. Semantic HTML only represents formatting without any structure or meaning.

 

Q7. Explain the term DOCTYPE.

 

The term DOCTYPE conveys to the browser what type of HTML must be used on a web page. in turn, the browser uses DOCTYPE to determine how a page must be rendered. not using DOCTYPE may load the page in the incorrect mode.

 

Q8. Explain the difference between Standard Mode and Quirks Mode.

 

Quirks mode is a compatibility mode that may be different in each browser. this causes inconsistent appearance in the different browsers.

Standard mode is a consistent mode of display used across all browsers.

 

Q9. What are the shortcomings of XHTML pages?

 

XHTML has poor browser support. Internet Explorer and other browsers cannot parse XHTML into XML.

 

Q10. How many HTML tags are needed for the basic HTML pages?

 

There are 4 sets of HTML tags that are needed for a basic HTML page and these are:

 

basic web development interview question

 

Q11. How do you insert comments into HTML code without text being picked up?

 

For inserting comments into HTML code, you have to put them in between and <--!>.

 

Q12. Differentiate between linking to an image, email address, and website.

 

To link an image, use the tags, the image must be enclosed in quotes with source attribute arc in the opening tag.

To link to a hyperlink, an anchor tag is used and the destination link is specified in the attribute. The text on which the hyperlink is placed must be between anchor tags. href stands for Hypertext reference.

 

Q13. What could be the problem of the hyperlink or image is not displaying correctly?

 

Reasons for hyperlink or image not displaying properly are a missing quote, tag, bracket for href, alt, or src text.

 

Q14. Explain how can you set an image as a background on web pages?

 

To set an image as a background on the web page, point the body background to the name of the image you want to set as a background as shown below.

 

basic web development interview question

 

You can also fix the background image so while using the scroll bar in the browser, it does not move. To do this add the bgproperties tag as shown below.

 

basic web development interview question

 

Q15. Mention what do you mean by Responsive design on a web page?

 

Responsive design is an approach to building sites to provide an optimal viewing and interaction experience. It focuses on easy navigation of the site with a minimum of scrolling, panning, and resizing across all devices. Bootstrap is the most popular CSS, HTML, and JS Framework used for developing responsive web design.

 

Q16. Mention what are some bad examples of web design?

 

  • Blinking, spinning, or flashing images
  • Blank background with white, light, or pale text
  • Black background with dark text
  • Busy tiled background images with any color text
  • Everything centered
  • Too many images or huge images
  • List of links
  • Too many headlines or blinking text

 

Q17. Explain what is Information Architecture?

 

On web page information, architecture is often referred to as the structure and navigation of an entire site.

 

Q18.  Explain how can you align pictures so that one may be higher or lower than the other?

 

In order to align the picture so that one may be higher or lower than the other, use the align statement in your img tag.

 

basic web development interview question

 

Also, you can use align = top or you can do align= middle/bottom

 

Q19. Explain what is a Dreamweaver Template?

 

Dreamweaver Templates Enables Webmasters to define “non-editable” and “editable” regions of a webpage, only in the Dreamweaver template the “non-editable” regions can be edited.

Any changes implemented to the Dreamweaver template will update any HTML pages that use the template.

 

Q20. Explain what is the difference between “visibility: hidden” and “display: none”?

 

They are both style properties

  • Visibility:hidden: This property hides the element, but it still takes up space in the layout
  • Display:none: it eliminates the element completely from the document. It does not take up any space, even though the HTML for it is still in the source code.

 

Q21. In CSS when you will use CSS float?

 

In CSS you would use CSS float when you want to make an element of your page be pushed to the right or left and make other elements wrap around it.

 

Q22. Why should a graphic containing several words be saved in GIF instead of JPG?

 

It is preferable to store the image in GIF format if the image consists of certain words because JPG has file compression features that may render the fonts unreadable.

 

Q23. Explain how can you integrate CSS files into your webpage?

 

to integrate a CSS file with any number of HTML files, you have to integrate the file after the

tag using thelink property.

 

basic web development interview question

 

Q24. List out some of the jquery functions used for webpage designing?

 

Some of the JQuery functions used for webpage designing include

  • Simple slide panel
  • Simple disappearing effect
  • Chainable transition effect
  • Accordion#1 and Accordion#2
  • Animated hover effect
  • Entire block clickable
  • Collapsible panels
  • Image replacement gallery
  • Styling different link types

 

Q25. As a web designer while declaring the “delete” button what would be your color choice?

 

Make the “Delete” button more prominent by using colors like Red, especially when you have to show two buttons side by side. Red is a sign of caution, so that will definitely help the user to draw their attention.

 

Q26. Explain how can a developer learn about web design?

Developers can learn about web design by following tips

  • Visit websites like “Smashing Magazine” to get a better idea about web design.
  • Another website is Best Web Gallery which can also be helpful to get an insight into quality design and layouts.
  • Try your hands-on tools like Adobe illustrator.
  • Create a dynamic website using Mysql and PHP.
  • Learn basic languages as HTML, CSS, javaScript, PHP or jQuery

 

Q27. What have been your key responsibilities as a web designer?

 

Example: “ In my past role I was responsible for creating cohesive and visually attractive front-end designs. But I also helped with back-end design to ensure the websites were user-friendly. Working on both ends increased my knowledge of the fundamentals required to enhance applications for both mobile and web design?

 

Q28. What specifically appeals to you about web design?

 

Example: “My favorite part is the ability to help brands figure out who they are through design. I have how colors and font can completely transform a website into something beautiful and inspiring. Vivid imagery and a fresh layout can help the brand tell its story more effectively.

 

Q29. Tell me about a time you received harsh criticism from a client. How did you respond to it?

 

Example: “Last year I did a new web design for a client in the restaurant business. They were upset and felt the design was too plain. They wanted more patterns, colors, images, and text. I knew too much would clutter the webpage and make it less appealing and user-friendly but was happy to adjust some design elements for them. I explained why I felt simple would work well, and we come to a compromise that paired simplicity with the extra flair they wanted.”

 

Q30. What is a responsive web page design?

 

Example: “Responsive design means the website offers optimal viewing and a positive interaction experience. Visitors should find it easy to navigate the site without excessive scrolling, resizing, or screen-panning throughout all devices.