[PHP] CSS 제어 프로그램 만들기 (4/8) - CSS 적용할 페이지 만들기
2022. 10. 18. 16:39ㆍ무료강좌&튜토리얼/PHP
[PHP] CSS 제어 프로그램 만들기 (4/8) - CSS 적용할 페이지 만들기
입력한 CSS 데이터를 적용할 페이지를 생성해보자.
html 태그의 head 태그에서 외부 파일을 불러올 수 있다.
CSS 코드가 적힌 파일을 불러오려면 link 태그를 사용한다.
[link 태그 사용 방법]
<link rel="stylesheet" href="CSS 파일" />href 속성에는 css 파일의 경로와 파일명을 적는다.
다음은 CSS를 적용하여 레이아웃의 결과를 확인하는 페이지의 예제이다.
파일명은 예제 번호를 붙이지 않고 [index.php]로 한다.
[예제: index.php ]
<!DOCTYPE html>
<html lang="ko">
<head>
<link rel="stylesheet" href="167_layoutCSS.php" />
</head>
<body>
<div id="wrap">
<div id="header"></div>
<section id="leftArea"></section>
<aside id="rightArea"></aside>
<div id="footer"></div>
</div>
</body>
</html>실행 URL은 http://localhost/php/controlpanel/controlCSS/index.php 이다.
실행결과
아직은 입력된 CSS 데이터가 없기 때문에 태그에 대한 스타일이 없다.
다음 포스팅에서는 페이지를 꾸미는 작업을 진행해보자.
초보자를 위한 PHP 200제
김태영 지음 | 정보문화사
'무료강좌&튜토리얼 > PHP' 카테고리의 다른 글
| [PHP] CSS 제어 프로그램 만들기 (6/8) - CSS 파일 만들기 (0) | 2022.10.19 |
|---|---|
| [PHP] CSS 제어 프로그램 만들기 (5/8) - CSS 레코드 입력하기 (0) | 2022.10.18 |
| [PHP] CSS 제어 프로그램 만들기 (3/8) - CSS 테이블 만들기 (1) | 2022.10.18 |
| [PHP] CSS 제어 프로그램 만들기 (2/8) - 데이터베이스 접속 프로그램 만들기 (0) | 2022.10.17 |
| [PHP] CSS 제어 프로그램 만들기 (1/8) - 데이터베이스 생성 프로그램 만들기 (0) | 2022.10.17 |