anchor태그, 절대/상대경로, 표만들기

anchor태그를 이용한 페이지 탐색

책갈피 기능 ==> 같은 문서 내에서 문서의 특정한 위치로

  빠르게 이동하는 기능

  (a태그를 이용하여 책갈피 기능을 구현할 수 있다.)

  <a href="0726bookmark.html#top">처음 위치로</a>

경로 : 어떤 특정한 파일이 있는 위치를 나타내는 표식

현재 작업중인 폴더 : .

상위폴더 (부모폴더) : ..

하위폴더 (자식폴더) : 폴더명

최상위   (루트폴더) : /

경로를 나타내는 방법

1. 절대경로 : 루트를 기준으로 찾아가는 경로

/로 시작한다.

2. 상대경로 : 현재폴더를 기준으로 찾아가는 경로

./로 시작하는데 ./은 생략가능

예) FF폴더에 있는 'tf.jpg'파일을 나타내는 경로는?

절대경로 /BB/FF/tf.jpg

상대경로 ./../FF/tf.jpg

예) DD폴더에 있는 'td.png'파일을 나타내는 경로는?

절대경로 /AA/DD/td.png

상대경로 ./../../AA/DD/td.png

셀<td><t>

테이블은 기본적으로 선이 보이지 않음, border속성 1을 추가해야 나타난다.

style 속성 table에 width와 height를 설정하거나

tr에 height, td에 width를 설정할 수 있다.

th태그의 특징 안의 글자가 진하고 가운데 정렬이 된다.

각 컬럼(열)의 제목을 나타낼 때 주로 사용한다.

표의 제목의 위치 지정하기

caption-side 표의 위쪽 또는 아래쪽(bottom)으로 설정

text-align 가로 방향의 정렬을 설정한다.

left, center, right

<tr>,<th>,<td>태그에서 데이터를 정렬하는 스타일 명령

1.text-align : 데이터를 가로방향으로 정렬한다.

left, center, right

2.vertical-align: 데이터들을 세로방향으로 정렬한다.

top, middle, bottom

테이블에서 border-spacing은 cell과 cell사이의 간격을 말한다.

border-collapse은 선을 합친다.

collapse : 합치기

separate : 분리하기