1. 내부 하이퍼링크
| <a id="____"></a> | 책갈피 기능 |
| <a href="#id"> 링크내용</a> | 책갈피 걸어 놓은 곳으로 하이퍼링크 |
***책갈피기능 자체에는 #붙이면 안됨 !!
2. 이미지 맵
1) tag
<p> <img src="./" alt="___" usemap="#a"
<map name="a">
<area shape="" cords=" , , , ....." href="사이트주소" alt="____" target="_blank">
</p>
2) area shape
| rect | 사각형, 왼쪽 위 오른쪽 아래 좌표로 찍을 것 |
| poly | 다각형, 시계 방향으로 좌표로 찍을 것 |
| circle | 원, 중심축의 x,y, 반지름의 길이 좌표로 찍을 것 |
*피그마: shift+R => 눈금자 사용하여 좌표 위치 찾기
이미지맵
상품을 선택하세요 결합을 하시면 더더욱 저렴하게 구입하실 수 있습니다
chu03125.dothome.co.kr
3. 리스트 목록
1) 순서 없는 목록(요즘은 다 순서 없는 목록 사용)
<ul>
안에 들어가는 목차들은 <li></li>
</ul>
2) 순서 있는 목록
<ol>
안에 들어가는 목차들은 <li></li>
</ol>
3) 스타일
스타일 적용할 목록 {list-style:______; color:_______}
| lower-alpha | 소문자 |
| upper-alpha | 대문자 |
| lower-alpha | 로마글자 |
| decimal | 숫자 |
| none | 없앰 |
| square | 사각형 |
| circle | 뚫린 원 |
| disc | 닫힌 원 |
*** 순서 잘 생각하면서 코드 입력해야함!!!!
ex) 서울 미술초-1,2학년-개나리, 미나리, 고사리반-이름 순으로 할 것
반응형