게시판을 만들기 위한 파일구조와 파일명까지 정했다면 html 을 만들어야 한다. 가장 기본적인 html 부터 시작해 본다. html 의 기본구조를 안다면 여러가지로 확장이 가능하다. 처음부터 잘할 필요없다. 코딩이나 개발을 하다보면 기능이 추가되고 수정되고 지속적으로 업데이트되게 마련이다.
게시판 3 html 만들기
목적에 맞는 파일 생성하기
게시판에 필요한 구조는 이전 포스팅에서도 언급했다.
게시판에 필요한 화면은 처음에는 몇 개 안되지만 버전관리를 하면서 필요한 기능을 업데이트 하다보면 그 기능이 커지고 막강해 지고 하나의 플랫폼이 나오게 된다.
어쩌면 이것이 게시판을 익히는 이유 중 하나일 것이다.
기본 html 만들기
html 의 기본구조를 알 필요가 있다.
아래는 최소한의 기본적인 기본구조이다.
아래의 코드부터 모든 것이 시작될 것이다.
<!-- html5 기본템플릿 -->
<!DOCTYPE html>
<!-- head -->
<head>
<!-- meta SEO 컨텐츠 -->
<meta name="title" content="제목">
<meta name="description" content="내용">
<meta name="keywords" content="키워드">
<meta name="author" content="작성자">
<meta name="copyright" content="저작권">
<!-- // -->
<!-- meta 반응형 웹표준 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- // -->
<!-- 스타일 -->
<style></style>
<!-- // -->
</head>
<!-- // -->
<!-- body -->
<body></body>
<!-- // -->
<!-- 자바스크립트 -->
<script type="text/javascript"></script>
<!-- // -->
</html>위의 html 을 시작으로 게시판에 필요한 모든 것들이 시작될 것이다.
이전에 언급된 모든 목적이 있는 페이지는 위의 기본적인 html 코드에서 시작한다.
다만 중요한 것이 있다면 컨텐츠를 만드는 것도 중요하지만 meta 태그의 seo 부분이다.
기왕 만드는 것 컨텐츠가 검색엔진에서 검색되는 것이 좋다.
다만 seo 관련한 내용은 다음으로 미루도록 한다.
반응형
'programming > MakinGProJect' 카테고리의 다른 글
| 게시판 만들기 5 보기화면 html 파일 만들기 (0) | 2021.10.17 |
|---|---|
| 게시판 만들기 5 등록 html 파일 만들기 (0) | 2021.10.16 |
| 게시판 만들기 4 목록 html 파일 만들기 (0) | 2021.10.16 |
| 게시판 만들기 2 게시판 html 파일 구조와 파일명 만들기 (0) | 2021.10.13 |
| 게시판 만들기 1 기획 무엇이 필요한가 (0) | 2021.10.12 |
댓글