IT 공부

HTML 테이블(표) 태그 – table, tr, th, td 과거에는 페이지 레이아웃까지 <table>로 만들었지만, 지금은 레이아웃은 <div>+CSS로, 데이터가 표 형태일 때만 테이블을 사용합니다. 이 글은 <table>의 필수 태그와 속성, 접근성까지 고려한 올바른 마크업 예제를 정리했습니다. 1) 테이블(표) 관련 태그 태그 설명 <table> 행과 열로 구성된 표 컨테이너 <tr> 표의 행(row) <th> 열/행의 헤더 셀(기본 굵게·가운데 정렬, […]

HTML 목록(리스트) 태그 – ol, ul, li, dl, dd, dt 웹 페이지를 만들 때 빠지지 않는 태그 중 하나가 목록(리스트) 태그입니다. 단순히 목록을 만들 때에도 자주 사용하지만 CSS와 함께 사용하여 내비게이션을 만들거나 콘텐츠를 배치할 때에도 자주 사용하는 태그입니다. 그럼 목록 태그에 대해서 알아보죠. 목록 태그 ☞ 목록 태그는 순서 있는 목록, 순서 없는 목록, 설명

HTML 글자(텍스트) 관련 태그 정리 vs 티스토리 에디터 태그 중에서도 가장 많이 사용되는 태그는 글자(텍스트) 관련 태그입니다. 텍스트 관련 태그에는 제목, 단락, 줄 바꿈 등 여러 가지 태그가 있습니다. 그럼 텍스트 관련 태그들에 대해서 알아보고 티스토리 에디터에서 텍스트 관련 태그는 어떤 종류가 있는지에 대해서도 알아보죠. 글자(텍스트) 관련 태그 1. 제목(Headings) 관련 태그 태그 설명 <hn>

HTML 제목 태그 h1~h6 vs 티스토리 에디터 제목 1~3 비교 태그 중에서 가장 많이 사용하는 태그는 텍스트 관련 태그입니다. 예로 블로그를 작성할 때 거의 대부분은 텍스트이고 다음으로 이미지인 것 같습니다. 텍스트 관련 태그는 제목, 본문, 단락, 줄 바꿈 태그 등이 있습니다. 그중에서도 제목을 나타내는 h1~h6 태그에 대해서 알아보죠. 그리고 검색엔진 최적화(SEO)에서는 h1 태그는 반드시 존재해야

HTML 시맨틱 태그 종류, 웹 페이지 레이아웃 구성 예제 블로그를 운영하면서 웹 페이지 레이아웃 구조를 알고 있으면 운영하는데 많은 도움이 됩니다. 특히 구글 애드센스 광고 코드를 추가할 때 원하는 위치에 광고를 추가할 수도 있습니다. 웹 문서에는 전혀 영향이 없고 웹 문서 구조를 나타내는 태그가 있습니다. 그럼 웹 문서 구조를 위한 태그들에 대해서 알아보죠. 시맨틱 태그

티스토리 운영을 위한 HTML head 태그 정리 및 적용 사례 head 태그는 웹 페이지 본문에는 보이지 않지만 웹 브라우저가 알아야 하는 정보를 입력하는 부분입니다. 티스토리에서 스킨 편집한다는 말은 대부분 head 태그에 meta 태그와 스크립트를 추가한다는 말입니다. 예로 head 태그에 광고 스크립트 코드를 추가하거나 검색 사이트 소유권 확인을 위한 meta 태그를 추가합니다. 그럼 head 태그에 대해서

HTML 기본 용어(태그, 요소, 속성, 주석) 및 작성 방법 티스토리 블로그를 운영하기 위해서는 HTML 문서는 기본적으로 읽을 수 있어야 합니다. HTML 문서를 읽을 수 있어야 스킨 편집도 가능하고 무엇이 잘못되었는지도 파악할 수 있습니다. 그럼 HTML 기본 용어 및 작성하는 방법에 대해서 간단하게 알아보겠습니다. HTML 기본 용어 및 작성 방법 ▼ 예제 화면 ▼ 예제 화면

티스토리 운영을 위한 HTML 페이지 구조 이해하기 티스토리 블로그를 운영하면서 어쩔 수 없이 스킨 편집은 기본적으로 하게 됩니다. 스킨 편집을 할 때 HTML, CSS에 대한 기본 지식이 있으면 어렵지 않게 변경할 수 있는데 전혀 지식이 없으면 변경하기가 겁이 날 수도 있습니다. 혹시 잘못 변경하여 블로그가 망가질까 봐 섣불리 변경을 못하는 경우가 있는 것 같습니다. 아무래도