하이브리드앱

본문 바로가기
사이트 내 전체검색


하이브리드앱
하이브리드앱

제 2 장 HTML5

페이지 정보

작성자 관리자 댓글 0건 조회 1,254회 작성일 21-10-19 12:29

본문

제 2 장 HTML5

   

1.PNG


2.PNG


3.PNG


4.PNG


5.PNG


6.PNG


7.PNG


8.PNG


9.PNG


10.PNG


11.PNG


12.PNG


13.PNG


14.PNG


15.PNG


16.PNG


17.PNG


18.PNG


19.PNG


20.PNG


21.PNG


22.PNG


23.PNG


24.PNG


25.PNG


<img src="pen.gif">_g(기본값)<br>

<img src="pen.gif" align=top>_g(top)<br>

<img src="pen.gif" align=middle>_g(middle)<br>

<img src="pen.gif" align=bottom>_g(bottom)<br>

<img src="pen.gif" align=texttop>_g(texttop)<br>

<img src="pen.gif" align=absmiddle>_g(absmiddle)<br>

<img src="pen.gif" align=absbottom>_g(absbottom)<br>

<img src="pen.gif" align=baseline>_g(baseline)<br>


수직정렬 방식

bottom정렬은 문자 _와 이미지하단이 일치하고 

absbottom은 문자 g의 아래쪽과 일치한다.

middle정렬은 문자 _가 이미지 가운데에 위치하고

absmiddle정렬은 문자 높이의 가운데에 위치한다.




26.PNG

<img src="poster.jpg">짜증 잘 내고, 칭얼거리기 좋아하는 평범한 열 살 짜리 소녀 치히로. 네 식구는 이사가던 중 길을 잘못들어 낡은 터널을 지나가게 된다.



27.PNG


28.PNG


29.PNG


30.PNG


31.PNG


32.PNG


33.PNG


34.PNG


35.PNG


<img src="map.gif" width="540" height="336" border="0" usemap="#ImageMap1"><br><br>

<map name="ImageMap1">
<area shape="poly" coords="384, 27, 367, 115, 408, 216, 466, 148, 490, 94, 454, 47, 413, 24" href="http://www.jejutts.com/guid/land_04.html" target="_blank" alt="제주도 동부 여행 정보">
<area shape="circle" coords="103, 158, 77" href="http://www.jejutts.com/guid/land_03.html" target="_blank" alt="제주도 서부 여행 정보">
<area shape="rect" coords="180, 189, 311, 268" href="http://www.jejutts.com/guid/land_02.html" target="_blank" alt="서귀포시 여행 정보"> 

</map>


36.PNG


37.PNG


38.PNG


39.PNG


40.PNG


41.PNG


42.PNG


43.PNG


44.PNG


45.PNG


46.PNG


47.PNG


48.PNG


49.PNG


50.PNG


51.PNG


52.PNG


53.PNG


54.PNG


55.PNG


댓글목록

등록된 댓글이 없습니다.


개인정보취급방침 서비스이용약관 모바일 버전으로 보기 상단으로

TEL. 063-469-4551 FAX. 063-469-4560 전북 군산시 대학로 558
군산대학교 컴퓨터정보공학과

Copyright © www.leelab.co.kr. All rights reserved.