잡동사니에도 사랑을

[21.09.08] exam01 본문

JAVA_EE/HTML

[21.09.08] exam01

luvforjunk 2021. 9. 8. 19:02
728x90
반응형

<!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> 영역이다.

 

결과창

728x90
반응형

'JAVA_EE > HTML' 카테고리의 다른 글

[21.09.08] exam05  (0) 2021.09.08
[21.09.08] exam04  (0) 2021.09.08
[21.09.08] exam03 - 링크 이동  (0) 2021.09.08
[21.09.08] exam02  (0) 2021.09.08
[21.09.08] exam08 -  (0) 2021.09.08
'JAVA_EE/HTML' Related Articles more