Web Developer Trainee
Filter interviews by10+ Web Developer Trainee Interview Questions and Answers for Freshers
Popular Companies
Q1. What are the different ways to link css? Which has the highest priority?
There are three ways to link CSS: inline, internal, and external. Inline has the highest priority.
Inline CSS is applied directly to an HTML element using the 'style' attribute.
Internal CSS is defined within the 'style' tags in the head section of an HTML document.
External CSS is linked to an HTML document using the 'link' tag with the 'rel' attribute set to 'stylesheet'.
Inline CSS has the highest priority, followed by internal CSS, and then external CSS.
Q2. Why do we use doctype in Html? What will happen if we remove it?
Doctype defines the version of HTML being used and helps browsers render the page correctly.
Doctype declaration is used to specify the version of HTML being used in the document.
It helps browsers to render the web page correctly by triggering standards mode.
If the doctype is removed, browsers may render the page in quirks mode which can lead to inconsistent display.
For example, without a doctype, some CSS styles may not be applied correctly.
Q3. What are meta tags? Explain different types of meta tags.
Meta tags are HTML tags that provide metadata about a webpage. They are used to provide information about the page to search engines and browsers.
Meta tags are placed in the head section of an HTML document.
Common types of meta tags include meta description, meta keywords, and meta viewport.
Meta description provides a brief summary of the webpage's content.
Meta keywords are used to specify keywords relevant to the webpage's content.
Meta viewport controls the layout and scalin...read more
Q4. what is the difference between block element and inline element.
Block elements take up the full width available, while inline elements only take up as much width as necessary.
Block elements start on a new line and stack vertically, while inline elements flow within the text.
Block elements can have margins and padding applied to all sides, while inline elements only have left and right margins and padding.
Examples of block elements include <div>, <p>, <h1>-<h6>, while examples of inline elements include <span>, <a>, <strong>.
Q5. How do you declare a variable in javascript?
To declare a variable in JavaScript, use the 'var', 'let', or 'const' keyword followed by the variable name.
Use 'var' to declare a variable with function scope
Use 'let' to declare a variable with block scope
Use 'const' to declare a constant variable
Example: var age = 25; let name = 'John'; const PI = 3.14;
Q6. How do you include bootstrap into a html document?
To include Bootstrap into an HTML document, link the Bootstrap CSS and JavaScript files in the head section.
Download the Bootstrap CSS and JavaScript files from the official website.
Place the CSS file link inside the head section using the link tag.
Place the JavaScript file link at the end of the body section using the script tag.
Ensure the file paths are correct and relative to the HTML document.
Share interview questions and help millions of jobseekers 🌟
Q7. How to achieve responsiveness in web page?
Achieve responsiveness in web page by using media queries, flexible layouts, and fluid images.
Use CSS media queries to apply different styles based on screen size
Create flexible layouts using CSS Grid or Flexbox
Use relative units like percentages and ems instead of fixed pixels
Optimize images for different screen sizes using srcset and sizes attributes
Test responsiveness across different devices and browsers
Q8. What is the difference between margin and padding?
Margin is the space outside an element, while padding is the space inside an element.
Margin is used to create space between elements, while padding is used to create space within an element.
Margin affects the positioning of an element in relation to other elements, while padding affects the content within an element.
Negative margin can be used to overlap elements, while negative padding is not possible.
Margin is transparent, while padding inherits the background color of the ...read more
Web Developer Trainee Jobs
Q9. What do you understand by CSS box model?
CSS box model is a design concept that describes how elements are rendered on a web page.
The CSS box model consists of four main components: content, padding, border, and margin.
The content area is where the actual content of the element is displayed.
Padding is the space between the content and the border.
Border is a line that surrounds the padding and content.
Margin is the space between the border and other elements on the page.
The width and height of an element are calculat...read more
Q10. What is meant by bootstrap grid system?
Bootstrap grid system is a responsive grid system that allows developers to create responsive layouts for web pages.
Bootstrap grid system is based on a 12-column layout.
It uses CSS classes to define the layout structure.
Developers can easily create responsive designs by utilizing the grid system.
The grid system provides different classes for different screen sizes, such as 'col-sm' for small screens and 'col-lg' for large screens.
Example:
Content
Q11. what is doctype in html.
Doctype in HTML specifies the version of HTML being used in the document.
Doctype declaration is placed at the very beginning of an HTML document before the <html> tag.
It helps the browser to render the web page correctly by specifying the version of HTML being used.
Example: <!DOCTYPE html> specifies the document is using HTML5.
Q12. What are containers?
Containers are lightweight, isolated environments that package software and its dependencies for easy deployment and scalability.
Containers provide a consistent and reproducible environment for running applications.
They encapsulate an application and its dependencies, including libraries, binaries, and configuration files.
Containers are portable and can run on any system that supports containerization.
They offer efficient resource utilization and isolation, allowing multiple ...read more
Q13. What is viewport?
Viewport is the visible area of a web page in a web browser.
Viewport determines how much content can be seen without scrolling.
It is defined by the size of the browser window.
Viewport can be adjusted using meta tags in HTML.
Responsive web design uses viewport to optimize layout for different devices.
Q14. What is z-index?
z-index is a CSS property that controls the stacking order of elements on a webpage.
z-index determines which elements appear in front or behind other elements
Higher z-index values bring elements to the front
z-index only works on positioned elements (position: absolute, position: relative, or position: fixed)
z-index can be positive, negative, or zero
Elements with higher z-index values will overlap elements with lower values
Q15. what is html, css.
HTML is a markup language used for creating the structure of web pages, while CSS is a styling language used for designing the appearance of web pages.
HTML stands for HyperText Markup Language and is used to create the structure of web pages.
CSS stands for Cascading Style Sheets and is used to style the appearance of web pages.
HTML uses tags to define elements like headings, paragraphs, images, links, etc.
CSS is used to control the layout, colors, fonts, and other visual aspe...read more
Interview Questions of Similar Designations
Top Interview Questions for Web Developer Trainee Related Skills
Interview experiences of popular companies
Calculate your in-hand salary
Confused about how your in-hand salary is calculated? Enter your annual salary (CTC) and get your in-hand salary
Reviews
Interviews
Salaries
Users/Month
Made with ❤️ in India. Trademarks belong to their respective owners. All rights reserved © 2024 Info Edge (India) Ltd.
