멀티미디어

페이지 영역 나누기 -> div

1. 개념적으로만 나눈다.
• HTML 에서는 디자인이 적용되지 않음
2. 중첩해서 사용할 수 있으며 모든 종류의 HTML 태그 포함 가능
3. 용도에 따라 시멘틱 요소로 세분화 할 수 있다.
• header, section, article, nav, aside, hgroup 등...
4. 대부분의 웹 사이트가 시멘틱 요소를 디테일하게 사용하지는 않는다.
• (div로 대동단결!!!)

기타

• 화면상에 직선 긋기: <hr />
• copyright 특수문자: &copy;
• HTML 코드에서는 띄어쓰기나 줄바꿈을 아무리 많이 사용하더라도 브라우저상에서는 띄어쓰기 한 칸으로 표시된다.
• 줄바꿈: <br />
• 띄어쓰기 특수문자: &nbsp;

---

단어나 문장을 강조하는 방법

글자의 모양, 색상, 크기

• face: 접속자의 PC에 설치된 글꼴만 적용 가능
• color: #RRGGBB -> Google에서 Color Picker로 검색
• size: 1(작음) ~ 7(큼)

페이지 이동처리 (링크)

• target 속성을 적용할 경우 새창(새탭)으로 표시됨.
• 같은 사이트 내의 파일을 지정할 경우는 상대경로, 절대경로 사용 가능.
• 웹에서의 절대경로는 http:// 부터 시작되는 온라인 상의 주소를 의미
• 다른 사이트 주소를 명시할 경우 절대경로 형식만 가능함.

형광팬 강조 효과

CSS를 적용하기 위한 영역 지정 (HTML 태그 자체만으로는 기능 없음.)

font는 span으로 CSS 처리를 하기 때문에 이제는 거의 사용하지 않는다.

<span style="font-family:'글꼴이름' color:'#ff00ff' font-size:'12px'">

• HTML에서 "쌍따옴표 했으면 CSS에서는 '홑따옴표로 표시하고,
• HTML에서 '홑따옴표 했으면 CSS에서는 "쌍따옴표로 표시한다.

주소, 연락처, 카파라이트 표시

---

표 그리기

---

표 그리기 기본 구성

• 영역 구문이 모호할 경우 thead, tbody, tfoot은 생략할 수 있다.
• tr, td, th는 필요한 만큼 반복 사용 가능
• tbody가 생략되는 경우는 없다고 봐야한다. 없으면 표를 만든 의미가 없다...

표의 줄, 칸 합치기

• td나 th 태그에 대하여...
• colspan="숫자" -> 칸 합치기
• rowspan="숫자" -> 줄 합치기

여백설정

• table 태그에 대하여...
• cellpadding -> 칸과 내용 사이의 여백
• cellspacing -> 칸과 칸 사이의 여백
• 일반적으로 0으로 설정하여 모든 여백을 off 시킨 상태로 사용한다.

---

주의사항

---

• 문단 안에 단어나 문장이 포함되어야 한다.
• 반대의 경우는 성립할 수 없다.
• <font>, <a>, <strong>, <b>, <u>, <i>, <span> 은
  <div>, <p>, <ul>, <ol>, <li>, <h1>~<h6>, <table> 계열을 포함할 수 없다.★