메뉴 건너뛰기

관리자2020.04.30 08:15

질문의요지를 모르겠습니다.
홈 페이지에서 code/example로 가면 fig4-5 등을 출력하는 정확한 소스가 있습니다. 보시기 바랍니다.
참고로 아래에 소스를 출력합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>셀렉터 만들기</title>
<style>
h3, li { /* 태그 타입 셀렉터 */
color : brown;
}
</style>
</head>
<body>
<h3>Web Programming</h3>
<hr>
<div>
<div>2학기 <strong>학습 내용</strong></div>
<ul>
<li>HTML5</li>
<li><strong>CSS</strong></li>
<li>JAVASCRIPT</li>
</ul>
<div>60점 이하는 F!</div>
</div>

</body>
</html>

 

만일 다음 내용을 hello.css에 저장하였다면,

h3, li { /* 태그 타입 셀렉터 */
color : brown;

 

hello.html은 다음과 같이 만들어야 겠지요.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>셀렉터 만들기</title>

<link type="text/css" rel="stylesheet" href="hello.css">
</head>
<body>
<h3>Web Programming</h3>
<hr>
<div>
<div>2학기 <strong>학습 내용</strong></div>
<ul>
<li>HTML5</li>
<li><strong>CSS</strong></li>
<li>JAVASCRIPT</li>
</ul>
<div>60점 이하는 F!</div>
</div>

</body>
</html>

 

파일 첨부

여기에 파일을 끌어 놓거나 파일 첨부 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )
위로