728x90 분류 전체보기197 [HTML] code 태그 목 차HTML 태그란? 태그 기본 문법여러 줄 코드 표시하기 ( 태그와 함께 사용) 태그 스타일 변경 (CSS 적용)코드 블록에 문법 강조 적용하기Prism.js 예제 태그와 , , 의 차이점 태그 요약 HTML 태그란? 태그는 프로그래밍 코드(소스 코드)를 표시할 때 사용하는 HTML 태그입니다. 웹 브라우저에서 태그로 감싼 텍스트는 기본적으로 고정폭 글꼴(monospaced font, 예: Courier New) 로 표시됩니다. 태그 기본 문법변수 선언은 let x = 10; 이렇게 합니다.HTML에서 태그를 사용할 때 <div>을 자주 씁니다. 태그를 사용하면 코드가 고정폭 폰트로 표시됩니다. 같은 특수 문자는 HTML 엔티티 (<, >) 로 변환해야 합니다. 여러 .. 2025. 2. 13. [HTML] cite 태그 목 차HTML 태그란? 태그 기본 문법 태그 스타일 변경 (CSS 적용) 태그와 태그의 차이점 태그 요약 HTML 태그란? 태그는 책, 논문, 기사, 영화, 그림, 음악 등 작품의 제목을 나타낼 때 사용하는 HTML 태그입니다. 웹 브라우저에서 태그로 감싼 텍스트는 기본적으로 기울임(italic) 스타일로 표시됩니다. 태그 기본 문법내가 가장 좋아하는 책은 해리 포터입니다.이 그림은 모나리자라는 작품입니다.최근에 인셉션 영화를 다시 봤어요. 태그는 작품 제목을 감쌀 때만 사용해야 합니다.기본적으로 기울임(italic) 스타일이 적용됩니다. 태그 스타일 변경 (CSS 적용)기본적으로 기울임체가 적용되지만, CSS를 사용하여 스타일을 변경할 수도 있습니다.cite { font-style: .. 2025. 2. 13. [HTML] caption 태그 목 차HTML 태그란?기본 문법CSS를 활용한 스타일 변경caption-side 속성값 태그와 태그의 차이점내용 요약 HTML 태그란? 태그는 HTML 테이블()의 제목을 추가할 때 사용하는 태그입니다. 테이블의 내용이 무엇인지 설명하는 역할을 하며, 태그의 가장 첫 번째 자식 요소로 작성해야 합니다. 기본 문법예제 코드: 학생 성적표 이름 수학 영어 홍길동 90 85 caption 태그는 테이블 제목을 의미하므로, 테이블의 가장 첫 번째 요소로 위치해야 합니다.기본적으로 caption은 테이블 위쪽 중앙 정렬로 표시됩니다. CSS를 활용한 스타일 변경caption의 위치나 스타일을 변경하려면 CSS를 사용하면 됩니다.caption { font-.. 2025. 2. 12. [HTML] em 태그 (텍스트 의미 강조&검색엔진최적화) 목 차HTML 태그란?주요 특징 태그 기본 사용법 태그와 태그의 비교 태그와 태그의 비교SEO(검색엔진 최적화)에서 태그의 역할CSS를 사용한 스타일 변경 태그 사용 시 주의 사항 HTML 태그란? 태그는 텍스트를 강조(emphasis)할 때 사용하는 HTML 요소입니다. 기본적으로 기울임(italic) 스타일이 적용되며, 의미적으로 중요한 텍스트를 강조하는 역할을 합니다. 주요 특징텍스트를 강조하는 의미적(semantic) 태그기본 스타일은 기울임(italic) 처리 (font-style: italic;)검색엔진 최적화(SEO)와 접근성(스크린리더)에서 중요한 정보로 인식됨강조 정도에 따라 과 함께 사용 가능 태그 기본 사용법이 문장에서 강조된 부분은 기울어집니다.출력 결과:이 문장에서.. 2025. 2. 11. [HTML] strong 태그 - 검색엔진 최적화(SEO) 태그 목 차HTML 태그란?주요 특징기본 사용법 태그와 태그의 비교 태그와 태그의 비교CSS를 사용한 스타일 변경SEO(검색엔진 최적화)에서 의 역할 태그 사용 시 주의할 점 HTML 태그란? 태그는 텍스트를 강하게 강조(strong emphasis)할 때 사용하는 HTML 요소입니다. 기본적으로 굵게(bold) 표시되며, 의미적으로 중요한 내용을 강조하는 데 사용됩니다. 주요 특징 시각적으로 굵게 표시됨 (하지만 단순한 태그와는 다름).의미론적(semantic) 의미가 있음 → 검색엔진(SEO)과 접근성(스크린리더)에서 중요한 텍스트로 인식.다른 강조 태그 (, , 등)와 함께 사용할 수 있음. 기본 사용법이 문장은 중요한 부분을 강조합니다.출력 결과:이 문장은 중요한 부분을 강조합니다.".. 2025. 2. 10. 티스토리 사이드바에 원하는 페이지 글목록 만들기 목 차티스토리 사이드바에 글목록 넣는 이유사이드바 글목록 직접 만드는 방법HTML 리스트 만들기CSS 적용하기사이드바에 HTML 소스 적용하기 티스토리 사이드바에 글목록 넣는 이유티스토리 사이드바에는 기본적으로 최신글, 인기글을 넣어주는 기능이 있습니다. 하지만 블로그 운영자에게 있어서 단순 기능에 지나지 않아 좀 더 자유롭게 쓰고 싶다고 생각할 수 있습니다. 본 글에서 다루고 싶은 내용은 티스토리 사이드바에 원하는 페이지 목록을 직접 만들어 페이지 접속자가 블로그 메인 페이지에 가서 글 목록을 확인하지 않고 바로 글 목록을 확인하게 해주고 다른 포스팅 글도 클릭하도록 유도하는데 그 목적이 있습니다. 또한 검색엔진 최적화(SEO) 링크 연결 작업에도 도움이 될 수 있으니 블로그 운영자라면 한번쯤은 사.. 2025. 2. 9. 이전 1 2 3 4 5 6 ··· 33 다음 728x90
