HTML Formatting
1. Add extra importance to the word "degradation" in the paragraph below.
<p>WWF's mission is to stop the <strong>degradation</strong> of our planet's natural environment.</p>WWF's mission is to stop the degradation of our planet's natural environment.
<strong> tag는 해당 content의 중요성이나 심각함, 긴급함 등을 강조할 때 사용한다. 브라우저는 일반적으로 strong content를 굵은 텍스트로 표시한다. 비슷한 tag로 <b> tag가 있는데 <b> tag는 content의 중요성보다는 텍스트 자체에 주의를 끌기 위해 사용한다.
2. Emphasize the word "metropolitan" in the text below.
<h1>Tokyo</h1>
<p>Tokyo is the capital of Japan, the most populous <em style="font-size:30px">metropolitan</em> area in the world.</p>Tokyo
Tokyo is the capital of Japan, the most populous metropolitan area in the world.
<em> tag는 강조된 텍스트(Emphasize text)를 표현할 때 사용하며 구어체 강조와 같이 문장의 의미를 변경하는데 사용한다. <strong> tag가 문장의 일부분의 중요성을 추가하는데 사용되는것과는 다르다. 둘의 요소를 각각 중첩하여 사용해서 중요성이나 강조의 상대적인 정도를 증가시킬 수 있다.
3. Highlight the word "FUN" in the text below.
<p>HTML is <mark>FUN</mark> to learn!</p>HTML is FUN to learn!
<mark> tag는 형광펜으로 칠한 것처럼 하이라이트(Highlight)된 텍스트를 정의할 때 사용한다.
<mark>tag의 CSS 기본값
mark {
background-color: yellow;
color: black;
}
4. Apply subscript formatting to the number "2" in the text below.
<p>H<sub>2</sub>O is the scientific term for water.</p>H2O is the scientific term for water.
<sub> tag는 아랫첨자(subscript) 텍스트를 표현할 때 사용한다. <sub> 요소 내부의 텍스트는 일반 텍스트 라인보다 아래쪽에 절반 크기의 작은 문자로 표현된다. 윗첨자(superscript) 텍스트를 표현할때는 <sup> tag를 사용한다.
<p>H<sup>2</sup>O is the scientific term for water.</p>H2O is the scientific term for water.
5. Add a line through (strikeout) the letters "blue" in the text below.
<p>My favorite color is <del>blue</del> red.</p>My favorite color is
bluered.
<del> tag는 텍스트 한가운데 라인(line)을 추가하여 문서에서 삭제된 텍스트를 표현할 때 사용한다. 또한 <ins> tag는 텍스트 아래쪽에 라인을 추가하여 문서에서 추가된 텍스트를 표현한다. 이 tag는 문서에 대한 업데이트나 수정을 표현할 때 사용하며, 브라우저는 이를 일반 텍스트에 라인을 추가하는 것으로 표현한다.
