티스토리로 글을 작성하다 보니 오른쪽 윗부분에 목록이 하나 있네요? 클릭을 해보니 기본모드 / 마크모드 / HTML 총 3가지 모드가 있습니다. 항상 기본모드로 작성을 했었는데, 마크모드는 권한이 없는 것 같고, HTML을 클릭하니 개발자가 된 기분이네요. 그럼 HTML을 이용해서 한번 글을 작성해 볼까요?
목차
HTML 작성해 보기
티스토리에서는 HTML 작성을 지원합니다. 포스트 작성 화면에서 HTML 모드로 전환하여 코드를 직접 작성할 수 있습니다. 기본적으로 <head>, </head>, <body>, </body>, <html>, </html> 글의 시작과 끝에 이와 같은 태그가 붙습니다.
예시:
<!DOCTYPE html>
<html>
<head>
<title>HTML을 이용해서 티스토리 글 쓰는 방법</title>
<meta charset="UTF-8">
</head>
<body>
<h1>HTML을 이용해서 티스토리 글 쓰는 방법</h1>
<p>HTML은 웹 페이지를 만들기 위한 기본적인 언어입니다. 이번 글에서는 HTML을 이용해서 티스토리 글을 쓰는 방법에 대해 알아보겠습니다.</p>
</body>
</html>
HTML 주요 태그 살펴보기
태그는 웹 페이지의 구조와 내용을 정의하는 데 사용됩니다. 각각의 태그를 괄호 안에 입력하며, 태그 이름, 속성 및 때로는 내용으로 구성됩니다. 일반적으로 사용되는 태그 몇 가지는 다음과 같습니다.
- <html>: 문서의 시작과 끝을 정의합니다.
- <head>: 문서에 대한 메타 정보를 포함합니다. 예를 들어 제목과 문자 인코딩을 포함할 수 있습니다.
- <body>: 문서의 본문 내용을 포함합니다.
- <h1>에서 <h6>까지: 등급에 따라 다른 크기의 제목을 정의합니다. <h1>이 가장 크고 중요한 것입니다.
- <p>: 텍스트 단락을 정의합니다.
- <a>: 다른 웹 페이지나 자원으로의 하이퍼링크를 정의합니다.
- <img>: 페이지에서 이미지를 표시합니다.
- <ul> 및 <ol>: 각각 정렬되지 않은 목록과 정렬된 목록을 정의합니다.
- <li>: 정렬되지 않은 목록이나 정렬된 목록 내에서 항목을 정의합니다.
- <table>: 페이지에서 표를 정의합니다.
- <tr>: 표 내에서 행을 정의합니다.
- <td>: 표 행 내에서 셀을 정의합니다.
- <form>: 사용자 입력을 위한 폼을 정의합니다.
- <input>: 폼 내에서 입력 필드를 정의합니다.
내용 작성 시 참고 사항
내용을 작성할 때는 다음 사항들을 참고하여 작성하는 것이 좋습니다.
1. 내용의 구성
내용은 구성이 중요합니다. 먼저, 소제목을 사용하여 내용을 구분하는 것이 좋습니다. 또한, 내용은 논리적인 순서에 따라 작성해야 합니다. 내용은 시작, 중간, 끝의 구성을 갖추어 작성하는 것이 좋습니다.
예시:
<h2>HTML 작성하기</h2>
<p>티스토리에서는 HTML 작성을 지원합니다. 포스트 작성 화면에서 HTML 모드로 전환하여 HTML 코드를 직접 작성할 수 있습니다. HTML로 작성한 글은 검색 엔진에서 우수한 검색 결과를 얻을 수 있습니다.</p>
<h2>내용 작성하기</h2>
<p>내용은 티스토리 글의 핵심입니다. 검색 엔진은 내용을 통해 웹 페이지의 내용을 파악하고, 검색 결과 페이지에서 웹 페이지의 내용으로 사용합니다. 내용을 적절히 작성하여 검색 엔진에서 웹 페이지를 잘 인식할 수 있도록 해야합니다. 이를 위해, 내용은 가능한 구체적이고, 웹 페이지의 주요 내용을 나타내도록 작성해야합니다.</p>
2. 글의 길이
글의 길이는 검색 엔진에서 검색 결과에 영향을 미칩니다. 따라서, 글의 길이는 적절한 길이로 작성하는 것이 좋습니다.
일반적으로, 글의 길이는 3000자 이상이면 좋습니다.
3. 키워드 사용
검색 엔진은 키워드를 기반으로 검색 결과를 보여줍니다. 따라서, 키워드를 적절하게 사용하는 것이 중요합니다. 내용에서 자주 사용하는 키워드를 적절한 위치에 넣는 것이 좋습니다.
4. 이미지 사용
이미지는 티스토리 글을 보는 독자들에게 시각적인 효과를 줍니다. 검색 엔진은 이미지에 대한 정보를 이해하지 못합니다.
따라서, 우리는 <img> 태그에 alt 속성을 추가하여 이미지에 대한 설명을 제공해야 합니다. 이를 통해, 검색 엔진은 이미지의 내용을 이해하고, 검색 결과 페이지에서 이미지에 대한 정보를 제공할 수 있습니다.
예시:
<img src="이미지 URL" alt="이미지 설명">
제목과 내용을 적절히 작성하여 검색 엔진에서 웹 페이지를 잘 인식할 수 있도록 해야합니다. 또한, 이미지에 대한 설명을 제공하여 검색 엔진이 이미지의 내용을 이해할 수 있도록 해야합니다. 이를 위해, HTML을 적절하게 사용하여 티스토리 글을 작성하는 것이 중요합니다.
댓글