워드프레스에서 자꾸 돈 내고 플러그인 사라고 하고, 아무래도 티스토리 작성때도 유용하여 html - hypertext markup language 코딩을 시작해봅니다.
1. 메모장 펴기
컴퓨터의 메모장을 펴서 글자가 들어갈 수 있는 노트를 준비합니다. 시작 > 메모장을 찾으면 간단하게 성공. 나중에 저장 할 때 html로 저장해서 > 크롬이나 파이어폭스 등에서 해당 파일을 실행하면 미리 결과를 알 수 있습니다.
2. 괄호 열고닫기의 반복입니다
<!DOCTYPE html>
<html>
<head>
</head>
헤드 태그는 나중에 결과값으로 나오지 않습니다. 대신 헤드 태그 안에 타이틀을 넣으면 제목 표시줄에 웹페이지 이름이 들어갈 수 있습니다. 아래와 같이 하면 되겠죠
<head>
<title>
제목을 표시합니다
</title>
</head>
3. 본격적으로 본문에 들어갈 내용은 바디로 표시
<body>
<p>본문에 넣어줍니다. </p>
</body>
본문에 바디를 이용하고, 피를 이용하여, 그림 문자 등 넣을 수 있습니다. 주의 사항은 태그를 잘 넣어야 한다는점, 괄호열고 괄호닫기를 잘해야 한다는 점, 대문자 소문자 구분을 잘 해야 한다는 점, <html>로 시작하면 </html>로 슬래쉬를 잘 넣어서 마무리 해야한다는 점, 마지막으로 .html로 잘 저장해야 한다는 점입니다.
4. 웹페이지, 게임, 앱을 만들어 볼까요
문단은 <p> </p>를 활용하고, 그림은 <img src="그림이름"/> 를 이용하여, 이제 웹페이지, 게임, 앱을 html로 하나씩 만들어가볼까요. 곰곰히 되짚어 보면 예전에 다음의 카페에서는 html나 css나 style지정도 해 보았던 기억도 있네요 . 약간의 편집 프로그램의 불편함은 오히려 html 코딩을 통해, 워드프레스나 티스토리를 더 자유자재로 편집하고 꾸미며 운영하는데 더 도움이 될 것이라 생각합니다. 다만 html을 익숙하게 하는데 조금 시간이 걸릴 뿐이니까요.
'IT 가전 리뷰기 electronics review' 카테고리의 다른 글
| 구매를 망설이고 있는 가전 - 삼성 인덕션 더 플레이트 (0) | 2020.08.10 |
|---|---|
| 여름 제습 - LG 스타일러 저온 제습 기능 을 사용하자! (1) | 2020.08.06 |
| 캡스홈 리뷰기 - 안전하고 꼼꼼하게 세이프한 경험 (0) | 2020.06.29 |
| 윈도우에서 파이썬 설치하는 법 - 파이썬 step by step (2) | 2020.06.28 |
| 다이슨 공기청정기 - 가전 리뷰기 3편 (0) | 2020.06.28 |
댓글