프레임 만들기에 해당하는 글 1

4-2. 프레임 만들기

① 프레임 만들기

① 태그 기본 구조 작성.

② 플래임(화면나누기) 태그(1) - 수평나누기.

③ 플래임(화면나누기) 태그(2) - 아래쪽 화면 수직나누기.

태그강좌 : 프레임 태그



▶ 소스보기




① 태그 기본 구조 작성.
<html>
  <head>
    <title>프레임 만들기</title>
   </head>

  <body>
  </body>
</html>
◀ Html 문서 시작.

◀ 브라우저 상단 제목.


◀ 본문 시작.
◀ 본문 끝.
◀ Html 문서 끝.

주석 태그 : 부라우저에는 나타나지 않고 태그에 대한 설명을 적을 수 있는 태그.
태그 :    <!-- 주석 내용 -->



② 플래임(화면나누기) 태그(1) - 수평나누기.
<html>
<head>
<title>홈페이지 예제입니다.</title>
</head>
⑴ <!-- frames -->
<frameset rows="140,*" cols="*" frameborder="NO" border="0" framespacing="0">
⑶    <frame src="top.html" name="topFrame" scrolling="NO" noresize >
⑷     <frame src="   " name="  " scrolling="no" frameborder="no">
</frameset>
<!-- frames -->

<noframes><body>
</body></noframes>
<- 이부분은 없어도 관계없습니다.
</html>
⑴ 주석 태그.
⑵ 플래임(화면나누기) 태그 시작. - 수평나누기.
⑶ 나눈 화면 지정하기. (윗쪽)
⑷ 나눈 화면 지정하기. (아래쪽)
⑸ 플래임 태그 끝.
(윗쪽)


(아래쪽)




③ 플래임(화면나누기) 태그(2) - 아래쪽 화면 수직나누기.
<html>
<head>
<title>홈페이지 예제입니다.</title>
</head>
⑴   <!-- frames -->
⑵  <frameset rows="140,*" cols="*" frameborder="NO" border="0" framespacing="0">
⑶    <frame src="top.html" name="topFrame" scrolling="NO" noresize >
⑷   <frameset rows="*" cols="170,*" framespacing="0" frameborder="NO" border="0">
⑸     <frame src="menu.html" name="leftFrame" scrolling="NO" noresize>
⑹     <frame src="main.html" name="main">
⑺    </frameset>
⑻ </frameset>
<!-- frames -->

<noframes><body>
</body></noframes>
</html>
⑴ 주석 태그.
⑵ 플래임(화면나누기) 태그 시작. - 수평나누기.
⑶ 나눈 화면 지정하기. (윗쪽)
⑷ 아래쪽 플래임 태그 시작.
⑸ 아래쪽 나눈 화면 지정하기. 아래쪽(1)
⑹ 아래쪽 나눈 화면 지정하기. 아래쪽(2)
⑺ 아래쪽 플래임 태그 끝.
⑻ 플래임 태그 끝.
(윗쪽)



(1)


아래쪽(2)




'컴퓨터 IT > 인터넷에 집짖기' 카테고리의 다른 글

4-4. 메뉴페이지 만들기  (0) 2016.08.03
4-3. 상위페이지 만들기  (0) 2016.08.03
4-1. 집짓기 준비  (0) 2016.08.03
4. 집짓기  (0) 2016.08.03
3-10. 색상표 (RGB Color Table)  (0) 2016.08.03

댓글()