Web Designer interview Questions and Answers

  1. What is the difference between cell spacing and cell padding?
    1. cell padding Specifies the space between the cell wall and the cell content and
      cell spacing Specifies the space between cells
  2. If a page has to be loaded over all frames in window, what should be the value of TARGET attributes?
    1. Target is main window or main frame.
  3. Which one of the following settlement is correct?
    1. A table cannot contain another table and A Form can be nested inside another form
  4. Which element are table cells?
    1. <td> </td>
  5. What tags are used to embed one html page inside another html page (without using frames)?
    1. <div style=”margin: 0 auto; width:100%; height:400px;”><object type=”text/html” data=”https://psd2web.in/” style=”width:100%; height:400px; margin:1%;”></object></div>
  6. In Dreamweaver what is used to apply same layout to my pages?
    1. By using Templates option we can apply same layout for all pages.
  7. Which HTML tag is used to define an internal style sheet?
    1. < style type=text/css media=”screen”>your css here</style>
  8. How to define an inline style in HTML tag ?
    1. <p style=”color: red; text-align:right; font-weight: bold”>
  9. How do you define an inline style?
    1. A CSS or cascading style sheets style that is written directly on the element or tag it affects.
  10. How to align total webpage center?
    1. body{margin: 0 auto;}
  11. What is a DTD? What DTD do you generally use?
    1. A DTD is a Document Type Definition, also know as DOCTYPE. In a document served as text/html, the DOCTYPE informs the browser how to interpret the content of the page. If the the doctype is not declared, the browser assumes you don’t know how to code, and goes into “quirks mode”. If you know what you are doing and include a correct XHTML DOCTYPE, your page will be rendered in “standards mode”.
  12. What are the possible values for the display attribute that are supported by all browsers?
    1. Display : Block;
  13. What is the default value for the display attribute for the image element?
    1. <img src=”smiley.gif” alt=”Smiley face” height=”42″ width=”42″ />
  14. what is the difference between inline and block level elements ?
    1. A block-level element is an element that creates large blocks of content like paragraphs or page divisions. They start new lines of text when you use them, and can contain other blocks as well as inline elements and text or data.An inline element is an element that define text or data in the document like STRONG makes the enclosed text strongly emphasized and Q says the enclosed text is a quotation. They don’t start new lines when you use them, and they generally only contain other inline tags and text or data. Or they include nothing at all, like the BR tag.
  15. What does display: run-in do?
    1. Creates either block or inline boxes, depending on context. Properties apply to run-in boxes based on their final status (inline-level or block-level).
  16. Difference between “visibility:hidden” and “display:none”?
      These two style properties do two different things.

    1. visibility: hidden hides the element, but it still takes up space in the layout and display: none removes 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.
  17. What are the pros and cons of using display:none?
    1. Pros
      1. Makes fonts look smoother
      2. Rounded edges look round
      3. Type is easier to read (for some) because it looks more like what printed type looks like
      4. Some people feel it’s prettier
    2. Cons
      1. Small fonts become too fuzzy to read
      2. Sharp edges may be fuzzy and not precise
      3. You can’t print anti-aliased text as it comes out blurred
      4. Images are generally larger
      5. Type is easier to read (for some) because the blurring is reduced and the fonts are clear
  18. When to Use Anti-aliasing or Font Smoothing
    1. Anti-aliasing is a good choice for web images with flat colors and curves and text that is intended for web pages. With text, you should try to let the browser display the fonts with CSS, rather than putting them in a graphic.
  19. What are the five possible values for “position”?
    1. Values for position: static, relative, absolute, fixed, inherit
  20. What is the default/initial value for “position”?
    1. Static
Scroll to Top