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 : 분리하기
'먼지 낀 책장사이 > html' 카테고리의 다른 글
[CSS] font-style, text-style, box모델, background (0) | 2017.08.04 |
---|---|
fieldset, [CSS] 셀렉터 의사클래스 (0) | 2017.07.28 |
멀티미디어, div와 span2, iframe, 입력form (0) | 2017.07.27 |
특수문자, 리스트<ul,ol,dl> (0) | 2017.07.25 |
기본 요소 (0) | 2017.07.24 |