HTML
hh
CitronLemon
2019. 1. 10. 17:20
페이지 영역 나누기 -> div
1. 개념적으로만 나눈다.
- HTML에서는 디자인이 적용되지 않음
2. 중첩해서 사용할 수 있으며 모든 종류의 HTML 태그 포함 가능
3. 용도에 따라 시멘틱 요소로 세분화 할 수 있다.
- header.section,article, nav, aside, group 등..
4. 대부분의 웹 사이트가 시멘틱 요소를 디테일하게 사용하지는 않는다.
(div로 대동단결!!)
기타
- 화면상에 직선 긋기 : <hr />
- copyright 특수문자 : ©
- HTMl 코드에서는 띄어쓰기나 줄바꿈을 아무리 많이 사용하더라도 브라우저상에서는 띄어쓰기 한칸으로 표히된다.
- 줄바꿈 : <br />
- 띄어쓰기 특수 문자:%nbsp;
단어나 문장을 강조하는 방법
글자의 모양, 색상, 크기
<font [face="글꼴이름"] [color="색상값"] [size="크기"]> ... 내용 ... </font>
페이지 이동처리(링크)
<a href="파일이름 혹은 사이트 주소" [target="_blank"]> ... 내용 ... </a>
- target 속성을 적용할 경우 새창(새탬)으로 표시됨.
- 같은 사이트 내의 파일을 지정할 경우는 상대경로, 절대경로 사용 가능.
- 웹에서의 절대경로는 http:// 부터 시작되는 온라인 상의 주소를 의미
다른 사이트 주소를 명시할 경우 절대경로 형식만 가능함.
형광펜 강조 효과
<mark> ... 내용 ... </mark>
CSS를 적용하기 위한 영역 지정 (HTML 태그 자체만으로는 기능 없음.)
<span> ... 내용 ... </span>
주소, 연락처, 카피라이트 표시
<adress
표 그리기
표 그리기 기본 구성
- 영역 구문이 모호할 경우 thead, tbody, tfoot은 생략할 수 있다.
- tr, td, th는 필요한 만큼 반복 사용 가능
<table border="굵기" width="넓이"
align="left|center|right">
<thead>
<tr>