IT 공부

HTML 테이블(표) 태그 – table, tr, th, td

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

HTML 테이블(표) 태그 – table, tr, th, td 더보기

HTML 테이블(표) 태그 - table, tr, th, td

HTML 목록(리스트) 태그 – ol, ul, li, dl, dd, dt

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

HTML 목록(리스트) 태그 – ol, ul, li, dl, dd, dt 더보기

HTML 목록(리스트) 태그 - ol, ul, li, dl, dd, dt

HTML 글자(텍스트) 관련 태그 정리 vs 티스토리 에디터

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

HTML 글자(텍스트) 관련 태그 정리 vs 티스토리 에디터 더보기

HTML 글자(텍스트) 관련 태그 정리 vs 티스토리 에디터

HTML 제목 태그 h1~h6 vs 티스토리 에디터 제목 1~3 비교

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

HTML 제목 태그 h1~h6 vs 티스토리 에디터 제목 1~3 비교 더보기

HTML 제목 태그 h1~h6 vs 티스토리 에디터 제목 1~3 비교

HTML 시맨틱 태그 종류, 웹 페이지 레이아웃 구성 예제

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

HTML 시맨틱 태그 종류, 웹 페이지 레이아웃 구성 예제 더보기

HTML 시맨틱 태그 종류, 웹 페이지 레이아웃 구성 예제

티스토리 운영을 위한 HTML head 태그 정리 및 적용 사례

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

티스토리 운영을 위한 HTML head 태그 정리 및 적용 사례 더보기

티스토리 운영을 위한 HTML head 태그 정리 및 적용 사례

HTML 기본 용어(태그, 요소, 속성, 주석) 및 작성 방법

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

HTML 기본 용어(태그, 요소, 속성, 주석) 및 작성 방법 더보기

HTML 기본 용어(태그, 요소, 속성, 주석) 및 작성 방법

티스토리 운영을 위한 HTML 페이지 구조 이해하기

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

티스토리 운영을 위한 HTML 페이지 구조 이해하기 더보기

티스토리 운영을 위한 HTML 페이지 구조 이해하기

MSSQL 동적 쿼리 사용법, 저장 프로시저 및 함수 활용

MSSQL 동적 쿼리 사용법, 저장 프로시저 및 함수 활용 MS SQL에서 저장 프로시저 또는 함수를 만들 때 테이블을 변수로 받아 처리하거나 조건에 따라서 WHERE 절을 다르게 처리해야 될 때가 있습니다. 그럴 경우에는 동적 쿼리를 사용하여 해결하시면 됩니다. 그럼 동적 쿼리를 사용하는 방법에 대해서 알아보죠. ◎ 포스트 기준 – Microsoft SQL Server 2019, SSMS 18.11 동적

MSSQL 동적 쿼리 사용법, 저장 프로시저 및 함수 활용 더보기

MSSQL 동적 쿼리 사용법, 저장 프로시저 및 함수 활용

MSSQL 여러 문자 한번에 바꾸기(치환) TRANSLATE 함수 사용법

MSSQL 여러 문자 한 번에 바꾸기(치환) TRANSLATE 함수 사용법 MS SQL에서 문자열 중에서 특정 문자를 바꾸어(치환)야 할 때가 있는데요. 주로 REPLACE 함수를 사용합니다. REPLACE 함수는 하나의 문자열을 원하는 문자열로 치환할 때 주로 사용하는데 여러 문자를 한 번에 치환이 필요할 때가 있는데 그럴 경우에 TRANSLATE 함수를 사용하시면 됩니다. 그리고 SQL Server 2017 이후 버전부터 추가된 함수입니다.

MSSQL 여러 문자 한번에 바꾸기(치환) TRANSLATE 함수 사용법 더보기

MSSQL 여러 문자 한 번에 바꾸기(치환) TRANSLATE 함수 사용법
위로 스크롤