HTML and CSS Interview Questions

1
10 Most Common Interview Questions and Answers of
HTML5 and CSS3
2
Question 1

• Enlist the difference between span and div?

• Answer -1
• When writing an HTML code, if you want to display
  something in the next line then that content is
  placed inside a div tag. It has display type
  block.
• Whereas, when we want a content in same line then
  it is written in span tag instead of div tag. It
  has display type inline. Now content will be
  beside the previous content.
• Next slide for example...

3
Question 1 (contd...)
4
Question - 2

• What is the meaning of CSS selector?

• Answer -2
• CSS selectors are used to select the element in
  HTML code which you want to modify. It is done
  with the help of selecting id, class, attribute,
  universal selector etc.
• Following are the syntax
• universal selector
• class selector .nameofclass
• id selector nameofid
• type selector There are various input types
  such as - input, body, p, h1-h8, button etc.

5
Question 2 (contd...)
6
Question - 3

• What are the different elements of CSS box model?

• Answer -3
• CSS Box model is responsible for providing
  dimensions to each and every element that is
  there in a webpage whether it is inline and
  block.
• There are 4 elements that consider this rule
• First one is Content - It contains the text,
  image, video and various content.
• Second one is Padding - It is used to add spacing
  between the border of the box and the content
  that is inside the box.
• Then third one is Border - It is the line between
  the padding and margin of the box.
• Then the last one is Margin - It is used to
  adjust the space between the main box and the
  boxes that are surrounding that box.

7
Question 3 (contd...)
8
Question - 4

• What is the difference between active, visited
  and normal or unvisited links?

• Answer -4
• The selector active shows that a content is
  active that is currently in use. The default
  color of this link is the color of the link.
• The selector link denotes the unvisited link.
  The link that has not been visited even once. The
  default color of these kinds of link is blue
  (0066cc).
• The selector visited denotes the link that has
  been visited. The default color of these kinds of
  link is purple (cc33cc).

9
Question 4 (contd...)
- Unvisited Link
- Visited Link
10
Question - 5

• What are the different types of lists that are
  used while designing a webpage?

• Answer -5
• There are mainly three types of lists that are
  used
• First, Unordered List
• The items which can be placed in any order, these
  kinds of elements are placed in ul list format.
• Then second one is Ordered List
• When it is mandatory to keep items or particular
  steps in order then ol list format is used. It
  can be decimal number, roman numbers, upper-case
  alphabets, lower class alphabets etc.
• For Examples Steps of explaining a recipe need
  to listed in an order manner.

11
Question 5 (contd...)
Last one is Description List Before the
introduction of HTML5 these used to be called as
definition lists. It consists of name and value.
One name can be associated with more than one
value and vice-versa is also true.
12
Question 5 (contd...)
13
Thanks!

• For More Questions, read the following blog 10
  Most Common Interview Questions and Answers of
  HTML5 and CSS3

Visit our website - www.admecindia.co.in
ADMEC MULTIMEDIA INSTITUTE