HTML

hh

CitronLemon 2019. 1. 10. 17:20

페이지 영역 나누기 -> div


1. 개념적으로만 나눈다.

- HTML에서는 디자인이 적용되지 않음

2. 중첩해서 사용할 수 있으며 모든 종류의 HTML 태그 포함 가능

3. 용도에 따라 시멘틱 요소로 세분화 할 수 있다.

 - header.section,article, nav, aside, group 등..

4. 대부분의 웹 사이트가 시멘틱 요소를 디테일하게 사용하지는 않는다.

 (div로 대동단결!!)


기타

  • 화면상에 직선 긋기 : <hr />
  • copyright 특수문자 : &copy;
  • 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>