"남 박사 주말에 놀면 뭐하나? 미래의 AI시대를 대비해서 뭔가 준비를 해야 하지 않겠나?"
"미래에는 기사를 AI가 쓴다고 하니 그럼 우리가 먼저 자동으로 기사를 써주는 프로그램을 만드세"
"좋네. 폭염속에서도 고생을 하게나 남 박사. 남 박사에게 우리의 미래가 걸려있다구~"
"AI가 기사를 자동으로 쓰게 하려면..음 먼저 홈페이지를 만들어야 겠지? 그럼 HTML과 CSS를 이용해서 먼저 홈피를 만들어보세"
"좋다구. 주말에도 고생하게 남 박사"
뚝딱뚝딱.
<!DOCTYPE HTML>
<html>
<head>
<title>Welcom to the new world</title>
</head>
<body>
<p style="color: purple;">희망은 좋은 것입니다.</p>
<p style="color: red;">좋은 것은 사라지지 않습니다. <b>꿈꾸십시오.</b> 세상은 당신의 것입니다.<br/>
<i>저의 첫번째 작품</i>의 이름은<br/>
바로 'cheer's입니다.</p>
<p>더 정성스러운 IT와 프로그램으로 여러분을 찾아뵙겠습니다.</p>
<img src="img/scene2.jpg">
</body>
</html>
..................................................................................................................................
<!DOCTYPE HTML>
<html>
<head>
<title>Welcom to the new world</title>
</head>
<body>
<p style="color: purple;">희망은 좋은 것입니다.</p>
<p style="color: red;">좋은 것은 사라지지 않습니다. <b>꿈꾸십시오.</b> 세상은 당신의 것입니다.<br/>
<i>저의 첫번째 작품</i>의 이름은<br/>
바로 'cheer's입니다.</p>
<p>더 정성스러운 IT와 프로그램으로 여러분을 찾아뵙겠습니다.</p>
<img src="https://imgnews.pstatic.net/image/001/2018/07/21/PYH2018062109760001300_P2_20180721111504948.jpg?type=w647" width="250px" height="300">
<p>
<center><a href="test5.html">home가기</a></center>
</body>
</html>
.........................................................................................................................................
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div style="background-color: yellow;border: 1px solid red;"">
<p>산넘어 남촌에는</p>
<p>누가 살길래</p>
<p>해마다 봄바람이 남으로 오네</p>
</div>
<div style="background-color: green;">
<p>돌담에 속삭이는 햇발같이</p>
<p>풀 아래 웃음짓는 샘물같이</p>
<p>내 마음 고요히 고운 봄길위에</p>
</div>
<center><a href="test5.html">home가기</a></center>
</body>
</html>
............................................................................
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<center><a href="test3.html" style="color: green;">intro가기</a> / <a href="test4.html" style="color: blue;">뉴스토마토</a></center>
</body>
</html>
............................................................................
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style>
body {background-color:#ddeecc}
p {color:green;}
</style>
</head>
<body>
<p >산넘어 남촌에는</p>
<p>누가 살길래</p>
<p>해마다 봄 바람이 남으로 오네</p>
<a href="http://www.google.com">검색하러가기</a>
</body>
</html>
...............................................................................
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style>
body{background-color:yellow}
.content {background-color:#aaff89;color:red}
</style>
</head>
<body>
<div class=content>
새로운 서비스 정신<br/>
더 풍부한 식감과 재료<br/>
리뉴얼 오픈<br/>
</div>
<p>
<p class=content>영업시간은 </p>
<p>매월 2,4째주는 휴무</p>
</div>
</body>
</html>
............................................................................................
"HTML과 CSS를 이용한 코딩 완료! 남박사 이번 주말에도 고생했어."