given the below markup, which of these statements is true? choose three answers. <!doctype html> <html>…

given the below markup, which of these statements is true? choose three answers. <!doctype html> <html> <head> <style> h1, h2, h3, h4, h5, h6 { font - variant: small - caps; text - align: left - align; text - decoration: underline; } p { /*text - indent: 5em;*/ } .left - indent { padding - left: 5em; text - align: justify; } </style> </head> <body> <h1 class=\heading1\ style=\text - decoration: none;\>this is a heading 1</h1> <h2 class=\heading2\>this is a heading 2</h2> <p class=\left - indent\>this is a paragraph.</p> </body> </html> the entire text in the p tag will be indented. the text \this is a heading 2\ will be underlined. only the first line of text in the p tag will be indented. the text \this is a paragraph\ will be left aligned. the text \this is a heading 1\ will display in small caps. the text \this is a heading 1\ and \this is a heading 2\ will be underlined.

given the below markup, which of these statements is true? choose three answers. <!doctype html> <html> <head> <style> h1, h2, h3, h4, h5, h6 { font - variant: small - caps; text - align: left - align; text - decoration: underline; } p { /*text - indent: 5em;*/ } .left - indent { padding - left: 5em; text - align: justify; } </style> </head> <body> <h1 class=\heading1\ style=\text - decoration: none;\>this is a heading 1</h1> <h2 class=\heading2\>this is a heading 2</h2> <p class=\left - indent\>this is a paragraph.</p> </body> </html> the entire text in the p tag will be indented. the text \this is a heading 2\ will be underlined. only the first line of text in the p tag will be indented. the text \this is a paragraph\ will be left aligned. the text \this is a heading 1\ will display in small caps. the text \this is a heading 1\ and \this is a heading 2\ will be underlined.

Answer

Brief Explanations:

  1. In the CSS for the p tag, the text - indent property is commented out, so no indentation for p text. The .left - indent class has padding - left and text - align: justify, not left - align for p text in that class.
  2. h1, h2, h3, h4, h5, h6 have text - decoration: underline in the global CSS, but the h1 with class "heading1" has text - decoration: none specified inline, overriding the global style for that h1. The h2 will be underlined as it has no overriding inline style for text - decoration.
  3. h1, h2, h3, h4, h5, h6 have font - variant: small - caps in the global CSS, but the h1 with class "heading1" has no font - variant specified inline, so it will follow the global style and display in small caps.

Answer:

  1. The text "This is a Heading 2" will be underlined.
  2. The text "This is a Heading 1" will display in small caps.
  3. The text "This is a paragraph" will be left aligned (since the text - align for the .left - indent class is justify which still has a left - aligned aspect in normal text flow).