iframe 사용하기 Chapter 3 Part 2 이 서식 파일은 그룹 환경에서 교육 자료를 프레젠테이션할 때 시작 파일로 사용할 수 있습니다. 구역 구역을 추가하려면 슬라이드를 마우스 오른쪽 단추로 클릭하십시오. 구역을 사용하면 슬라이드를 쉽게 구성할 수 있으며, 여러 작성자가 원활하게 협력하여 슬라이드를 작성할 수 있습니다. 메모 설명을 제공하거나 청중에게 자세한 내용을 알릴 때 메모를 사용합니다. 프레젠테이션하는 동안 프레젠테이션 보기에서 이러한 메모를 볼 수 있습니다. 글꼴 크기에 주의(접근성, 가시성, 비디오 테이프 작성, 온라인 재생 등에 중요함) 배색 그래프, 차트 및 텍스트 상자에 특히 주의를 기울이십시오. 참석자가 흑백이나 회색조로 인쇄할 경우를 고려해야 합니다. 테스트로 인쇄하여 흑백이나 회색조로 인쇄해도 색에 문제가 없는지 확인하십시오. 그래픽, 테이블 및 그래프 간결하게 유지하십시오. 가능한 일관되고 혼란스럽지 않은 스타일과 색을 사용하는 것이 좋습니다. 모든 그래프와 표에 레이블을 추가합니다. Chapter 3 Part 2
창 속의 창 - <iframe> 태그 inline frame의 약자 속성 name: 프레임의 이름 지정 width, height: 프레임의 크기 지정 <iframe src=“URL주소” name=“이름” width=값 height=값>
프레임에 페이지 나타나게 하기 링크를 클릭할 때, 페이지가 지정된 프레임에 나타나게 하기 위해서는 target을 지정한다. <a href=“test.html” target=“myframe”>테스트 페이지</a>
iframe 예제 - /practice/0320/iframe.html <!doctype html> <html> <body> <p><a href="http://www.w3schools.com" target=myframe> W3 School</a></p> <p><a href="http://www.daum.net" target=myframe> 다음</a></p> <p><a href="http://www.naver.com" target=myframe> 네이버</a></p> <iframe name=myframe width=800 height=300></iframe> </body> </html>
결과
iframe 활용 - <table>을 이용한 layout
<div>, <span> - CSS에서 자세히 <div>는 블록 지정: HTML 문서의 블록을 지정하여 구조화 <span>은 inline에서의 블록 지정(style을 위해)
예제 - <div>, <span> <div style="border: 3px solid red"> <h2>사자</h2> <p>사자는 <span style="background-color:yellow"> 아프리카</span>에 살며 ...</p> </div>
Q&A Have a nice day!!!