전체 기자
닫기
박민호

HTML과 CSS로 코딩

2018-07-23 11:53

조회수 : 2,538

크게 작게
URL 프린트 페이스북
"남 박사 주말에 놀면 뭐하나? 미래의 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를 이용한 코딩 완료! 남박사 이번 주말에도 고생했어."
  • 박민호

  • 뉴스카페
  • email