iframe 사용법
iframe은 "inline frame"의 약자로 하나의 웹페이지 안에서 다른 웹페이지를 표시하고자 할 때 사용합니다.
<iframe src="koreashop.html" width="400" height="400"></iframe>
iframe의 가로와 세로 길이는 각 400 으로 지정하고 koreashop 문서를 표시합니다.
여기서 400픽셀은 퍼센트로도 변경해서 사용할 수 있습니다.
div, span 사용법
div는 "divide"의 약자로서 페이지를 논리적인 섹션으로 분리하는데 사용되는 태그입니다.
<div style="border: 2px solid red">
<h2>바다</h2>
<p>바다는 많은 먹거리가 있는 곳이다</p>
</div>
<div>요소는 블록 수준의 요소로서 HTML 요소를 묶는 컨테이너로 사용할 수 있습니다.
<div>는 웹페이지의 공간을 분할하여 레이아웃을 작성하는데도 널리 사용됩니다.
<span>태그는 인라인 요소로서 텍스트를 위한 컨테이너로 사용할 수 있습니다.
CSS와 함께 사용되어 텍스트 일부의 스타일 속성을 설정할때 사용됩니다.
<div>로 묶어서 경계선을 그리고, <span>으로 텍스트를 묶어서 색상을 변경해 봅니다.
<html>
<body>
<div style="border: 2px solid red;">
<h2>바다</h2>
<p>바다에는 많은 해양생물이 <span style="color: red;">살고있다</span></p>
</div>
</body>
</html>
<div>가 많이 사용되는 경우 중의 하나가 화면에 빈 박스를 여러개 생성해서 어떤 실험을 하고
싶은 경우입니다. 이때도 <div>요소를 생성한 후에 CSS로 높이와 너비를 설정해 주면 됩니다.
<div style="height:20px; background-color:yellow"></div>
<div style="height:20px; background-color:blue"></div>
<div style="height:20px; background-color:green"></div>
GOODMAN BLOG
'생활정보' 카테고리의 다른 글
| 코로나 확진자 및 동거인 안내문 (0) | 2022.04.12 |
|---|---|
| 코로나 확진자 격리 지원금 신청하는법 (0) | 2022.04.12 |
| 초보프로그래밍 HTML문서의 기본구조 (0) | 2022.04.12 |
| HTML 편집기로 많이 쓰는 프로그램 에디터 3개 (0) | 2022.04.12 |
| 저작권 문제없는 무료이미지 & 무료폰트 사이트 (0) | 2022.04.12 |
