What happens when a block element is placed inside an inline element, according to HTML5 specifications?

  • Both elements are disregarded by the browser. 
  • The block element is converted to an inline element. 
  • The outer inline element becomes a block element. 
  • The page will throw an error. 
In the HTML5 specification, it's not considered valid to place a block-level element inside an inline element. If this happens, browsers will often automatically adjust the rendering so that the inline element containing the block is treated as a block-level element. However, this behavior may vary across browsers. It's best practice to avoid such nesting to ensure consistent rendering. 

How does the "colspan" attribute affect the structure of a table?

  • It adjusts the border color of a cell. 
  • It allows a cell to span multiple columns. 
  • It allows a cell to span multiple rows. 
  • It sets the padding inside a cell. 
The "colspan" attribute in HTML is used to allow a table cell to span across multiple columns. It is useful when you want a single cell to extend horizontally over more than one column, such as for headings that should cover several columns beneath them. 

In terms of accessibility, how do screen readers interpret lists?

  • They announce the list, provide its length, and then read the list items. 
  • They convert lists into paragraphs. 
  • They read only the first item in a list. 
  • They skip over lists without reading them. 
Screen readers aim to provide an accessible experience for visually impaired users. When a screen reader encounters a list, it typically announces the presence of the list, indicates how many items are in the list, and then proceeds to read each item. This approach allows users to understand the structure and content of the web page in a comprehensible manner. 

Inline elements do not respect the _______ property.

  • background-image 
  • color 
  • font-size 
  • margin 
Inline elements do not respect all the sides of the margin property, specifically margin-top and margin-bottom. They will only respect margin-left and margin-right. This means that while you can push an inline element left or right using margins, you cannot effectively push elements above or below it. 

How does the "disabled" attribute affect options within a select list?

  • It changes the color of the options. 
  • It prevents those options from being sent to the server. 
  • It makes the options invisible. 
  • It makes the options unselectable by the user. 
The "disabled" attribute, when applied to an option within a select list, renders that option unselectable by the user. While the option remains visible within the dropdown list, it is greyed out (in most browsers) and cannot be chosen. This is particularly useful when you want to show an option as being present but not currently available for selection. 

You noticed that using target="_blank" for external links redirects users but may pose a security risk. How can you mitigate this risk while maintaining the functionality?

  • Add a JavaScript onclick event. 
  • Remove the target attribute altogether. 
  • Use only internal links. 
  • Use rel="noopener noreferrer" with the anchor tag. 
When using target="_blank", the new page can potentially gain access to the window object of the original page through the window.opener property, posing a potential security risk. Adding rel="noopener noreferrer" to the anchor tag prevents this behavior, protecting users from any potential security vulnerabilities. 

The ______ attribute is used to specify the type of input control.

  • href 
  • id 
  • src 
  • type 
The type attribute specifies the type of element to display. Common values for this attribute include "text", "password", "submit", "radio", and "checkbox". It helps the browser render the appropriate input control for user interaction. 

What is the precedence order of styles defined in the internal and external style sheets?

  • External overrides Internal. 
  • Internal overrides External. 
  • They are combined and averaged. 
  • Whichever is loaded first takes precedence. 
In CSS, the specificity and source order determine which styles are applied. If the specificity is the same, the style that comes last in the source order will be applied. Therefore, since internal styles (those defined in a