[21.09.08] exam01
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
span {
font-weight: bold; head 영역이므로 strong이 아닌 bold라고 써준다
color: #0000ff;
font-style: italic;
text-decoration: underline;
}
</style>
</head>
<body>
<div> <!-- 화면 1줄 영역 -->
<font size="1">크기=1</font><br>
<font size="3" color="#ff6600">크기=3, 색상=오렌지</font><br>
<font size="5" face="맑은고딕">크기=5, 글꼴=맑은고딕</font><br>
<font size="7" color="#0000ff" face="궁서">크기=7, 색상=파랑, 글꼴=궁서</font>
</div>
<hr/>
<!-- font 태그 중첩 사용 -->
<div>
<font size="3" color="#003300" face="굴림">
폰트 태그는 <font size="5" color="#ff0000" face="궁서">중첩사용</font>도 가능하다
</font>
</div>
<hr>
<!-- 글자의 모양 -->
<div>
<strong>글자를 굵게 표시합니다.</strong>
<br/>
<u>글자에 밑줄을 표시합니다.</u>
<br/>
<i>글자를 기울임 표시합니다.</i>
<br/>
<strong><u><i>글자의 모양을 의미하는 태그 역시 중첩이 가능합니다. </i></u></strong>
닫을 때는 반드시 안에서부터 닫는다. => </i></u></strong>
</div>
<hr/>
<!-- 단어나 문장의 영역 지정 -->
<div style="border: 1px solid red;">
<span>SPAN</span> 태그는
<span style="color: magenta;">문장 단위로 텍스트 영역을 지정하는 것</span>인데,
<head>의 span에서 style을 지정했어도 <body>의 span이 우선 순위가 더 크다
그 자체로는 아무 역할도 하지 않고,
문장의 특정 구역에 <span>CSS스타일</span>을 지정할 때 사용합니다.
</div>
</body>
</html>
**
<div> - 무조건 한줄 영역을 잡는다. 창을 늘렸다 줄였다하면 유동적으로 같이 움직인다.
<p>
<span> - 글자만큼 크기를 잡는다. <span>태그는 우선순위를 갖는다. <span>태그가 최우선순위, 그 다음이 <head> 영역이다.
