아무런 설명도 없이 설명 또는 소개 페이지를 만드는 기초 이다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 자개 소개 </title>
</head>
<body>
<div id="container">
<img src="images/into.jpg" alt="" width="100%"> <!-- 이미지파일을 불러 온다. 저는 소스 폴더 안에 images 폴더 안에 into.jpg 그림 파일이 들어 있기 때문에 이렇게 불러오기 했다.-->
<h1>소개 글 </h1>
<p>저는 컴퓨터를 배우고 있습니다. 그중 php 언어를 배우고 있으며, 즐겁게 배우는 중입니다. 저와 함께 기초를 공부 합시다.</p><!-- p 는 하나의 문단을 만들때 사용한다. -->
<p>열심히 배우겠습니다. 생각보다 쉬워요. 조금씩 공부하다 보면 어느새 완성 되어 있는 웹 페이지 입니다. <br>
<!-- br 은 엔터기능이다. 줄바꿈을 의미 한다는 것이다. -->
페이지가 완성 되는 날이면 공부한 보람이 있습니다.
</p>
<h3>공부계획</h3> <!-- h3 글자크기 굵은 글자, 자동 줄바꿈 기능이 있다. h1에서 h6까지 있으며, h1이 가장 큰 글자 이다. 숫자가 높아 질수록 글자가 작아진다. -->
<ol> <!-- ol 은 번호 대로 적어준다. li 는 list의 약자이다. 목록을 만들때 사용 한다. -->
<li>html 공부 : 9시 ~ 10시</li>
<li>php 공부 : 11시 ~ 12시</li>
<li>티스토리 공부 : 13시 ~ 14시</li>
<li>블로그 공부 : 15시 ~ 16시</li>
<li>돈 버는 법 공부 : 17시 ~ 18시</li>
</ol>
<h2>시간표</h2>
<table border=1> <!-- th 헤더 정보를 저장하고 텍스트를 굵은 글자와 가운데 정렬을 해준다. td 일반적인 데이터를 저장한다. border는 표의 테두리를 표시하기 위해서 1을 주었다.-->
<tr>
<th>html </th> <!-- td 처럼 옆으로 같이 생기는 것이라고 생각 하면 된다. 단지 제목 처럼 글자굵기와 가운데 정렬이 된다 -->
<td>9시 ~ 10시</td>
<td>집에서 공부</td>
</tr>
<tr>
<th>php </th>
<td>11시 ~ 12시</td>
<td>집에서 공부</td>
</tr>
<tr>
<th>티스토리 공부</th>
<td>13시 ~ 14시</td>
<td>집에서 공부</td>
</tr>
</table>
</div>
</body>
</html>
생각보다 금방 만들고 쉽다.
워드프레스 인가? 구글에서 사용하는 블로그를 많이 만드는 것도 html 로 이루어 진다.
당연히 티스토리도 html 을 사용 할 수 있다. 꾸미기 또는 이렇게 글을 작성 하는 공간에서 사용이 가능 하다.
단순한 기능을 이해한다면 조금 더 발전하여 사용 할 수 있을 것이다.
html은 방대한 양의 정보가 많기 때문에 검색을 했을 때도 많이 나온다.
사용을 하다가 모르는 부분이 있다면 구글에 html 모르는 내용 을 검색 하면 잘 나온다.
html을 사용하여 개인 홈페이지, 포트폴리오, 제품 설명 등등 만들어서 보면 기분이 좋다.
보통은 블로그를 사용하거나 도메인을 받아서 웹서버에 저장을 해서 만든 웹 사이트를 배포 하지만
혼자사용하거나 지인들만 사용하는 홈페이지를 만들려고 한다면, 개인 컴퓨터를 히용 하여. 자신이 사용하고 있는 집에 있는 공유기를 포워딩 하여, 자신의 컴퓨터 ip를 이용하여, 인터넷으로 개인 컴퓨터로 접근 할 수 있다.
서버를 구축 한다고 보면 된다.
거창하게 서버를 사서 하거나 할 필요 없이 집에 사용하지 않는 컴퓨터 한대를 가지고 만들 수 있다.
장점은 어디서나 나의 개인용 웹하드 하나가 생긴 것이다.
단점은 항상 컴퓨터가 켜져 있어야 한다. 그래서 본체만 연결해 두고 모니터는 아에 연결 해두지 않는다.
대학교다닐때 만들어서 유용하게 친구들과 사용했던 기억이 난다.
필요 하다면 한번 개인용 컴퓨터를 서버로 처럼 사용 할 수 있게 만들어 보는 것도 재미 있다.
웹페이지기능을 모두 사용 하려면 , html, php, java스크립트 등을 함께 익혀 두고 , 개인용 컴퓨터에 아파치 를 설치 하고 db도 필요 하다면 db도 설치 하여, 필요에 맞게 사용하면 좋을 것 이다.
'컴퓨터 각종 정보' 카테고리의 다른 글
| 컴퓨터 관련 일자리 알아보기 (0) | 2022.05.07 |
|---|---|
| html form 만들어 get 방식 보내기 (0) | 2022.05.07 |
| php 함수 설명 (0) | 2022.05.06 |
| php 배열 공부 (0) | 2022.05.06 |
| php 연산자와 for, if, while 사용 방법 (0) | 2022.05.06 |
댓글