반응형 프로그래밍/HTML48 [HTML] br 태그 (줄바꿈) 목 차HTML 태그란?주요 특징 태그 사용 예제기본 사용주소 입력시 줄바꿈 적용노래 가사 표시하기 태그와 태그의 차이점 태그 사용시 하지 말아야 할 것 HTML 태그란? (Break Line) 태그는 줄바꿈(line break)을 삽입하는 태그입니다. 즉, 문장을 강제로 다음 줄로 이동시키고 싶을 때 사용합니다. 주요 특징 단독 태그(Self-closing tag) → 은 종료 태그()가 필요 없음.인라인 요소(Inline Element) → 문장 내에서 줄바꿈을 적용할 때 사용됨.CSS 없이도 줄바꿈 효과 제공 → 태그처럼 블록을 나누지 않고도 줄바꿈 가능. 태그 사용 예제💡 기본 사용 태그가 삽입된 위치에서 줄바꿈이 적용됩니다.첫 번째 줄입니다.이제 두 번째 줄입니다.출력 결과:첫 번.. 2025. 2. 7. [HTML] body 태그 목 차HTML 태그란?주요 특징기본 구조 태그의 속성CSS를 이용한 스타일링배경색 변경배경 이미지 추가텍스트 스타일 변경Javascript와 함께 사용onload 이벤트 활용 (페이지가 로드될 때 사용)onunload 이벤트 활용 (페이지가 닫힐 때 사용) 태그와 안녕하세요! 이것은 HTML 문서의 본문입니다.※ 안의 내용만 브라우저에서 표시됩니다. 태그의 속성속성설명 background (구식 속성) 배경 이미지 설정 (CSS에서 background-image 사용 권장) bgcolor (구식 속성) 배경색 지정 (CSS에서 background-color 사용 권장) text (구식 속성) 본문 텍스트 색상 설정 (CSS에서 color 사용 권장) link (구식 속성) 하이퍼링크.. 2025. 2. 7. [HTML] blockquote 태그 (긴 인용문) 목 차HTML 태그란?주요 특징사용 예시기본적인 사용출처 (cite 속성) 포함하기출처를 화면에 표시하기 (cite 태그 사용) 태그의 속성 태그와 태그의 차이점 HTML 태그란? 태그는 긴 인용문을 표시할 때 사용됩니다. 즉, 다른 출처에서 가져온 내용을 인용할 때 사용하며, 브라우저는 기본적으로 들여쓰기를 적용하여 인용문임을 강조합니다. 주요 특징 긴 인용문에 사용한두 단어가 아닌 여러 문장 이상의 긴 인용문을 포함할 때 를 사용합니다. 짧은 인용문은 태그를 사용하는 것이 적절합니다. 자동 들여쓰기 효과대부분의 브라우저는 를 사용하면 좌우 여백을 추가하여 들여쓰기 효과를 적용합니다.CSS를 이용해 스타일을 조정할 수 있습니다. 출처(cite 속성) 추가 가능cite 속성을 사용하면 인용.. 2025. 2. 6. [HTML] bdo 태그 (강제 문자 정렬) 목 차HTML 태그란?주요 특징사용 예시텍스트 방향 반전시키기 태그와 태그의 비교 HTML 태그란? (Bi-Directional Override) 태그는 텍스트의 기본 읽기 방향을 강제로 변경할 때 사용됩니다. 즉, LTR(왼쪽 → 오른쪽) 언어와 RTL(오른쪽 → 왼쪽) 언어가 섞여 있을 때 강제로 특정 방향을 적용합니다. 주요 특징 강제적으로 텍스트 방향 변경 (dir 속성 필수)기본적으로 웹페이지의 텍스트 방향은 HTML 문서의 dir 속성(ltr 또는 rtl)을 따름.하지만 태그를 사용하면 해당 부분만 의도적으로 방향을 변경할 수 있음. 다국어 콘텐츠에서 유용함아랍어, 히브리어 등 RTL 언어를 LTR로 표시하거나, 반대로 영어를 RTL로 표시할 때 사용 가능. dir 속성이 필수 속.. 2025. 2. 6. [HTML] bdi 태그 (문자 정렬 문제 해결) 목 차HTML 태그란?주요 특징사용 예시 없이 RTL 텍스트 사용 (문제 발생) 태그 사용 (문제 해결) 태그와 태그의 비교 HTML 태그란? (Bi-Directional Isolation) 태그는 양방향(Bi-Directional, Bidi) 텍스트를 독립적으로 표시하기 위해 사용됩니다. 즉, 다른 언어의 텍스트 방향이 섞일 때 원래 문장의 방향을 유지하면서 해당 부분만 올바르게 정렬하도록 합니다. 주요 특징 양방향 텍스트의 혼합 표시 문제 해결 LTR(Left-To-Right, 왼쪽에서 오른쪽) 언어(영어, 한국어)와 RTL(Right-To-Left, 오른쪽에서 왼쪽) 언어(아랍어, 히브리어)가 섞일 때 발생하는 텍스트 정렬 문제를 방지합니다. 자동으로 텍스트 방향을 감지 안의 텍스트 방향이 .. 2025. 2. 5. [HTML] base 태그 (상대 경로, 절대 경로) 목 차HTML 태그란?주요 특징사용 예시기본 URL 설정 (href)기본 대상 설정 (target) 태그의 속성 태그 사용시 주의 사항 태그와 절대 경로 vs 상대 경로 비교 HTML 태그란? 태그는 HTML 문서에서 기본 URL(기본 주소)과 기본 대상(target)을 설정하는 역할을 합니다. 이를 통해 문서 내의 상대 경로 링크와 리소스(이미지, CSS, JavaScript 등)의 기본 경로를 지정할 수 있습니다. 주요 특징 기본 URL 설정 (href 속성 사용)문서 내 상대 경로 링크의 기본 주소를 정의합니다.페이지에 있는 모든 상대 URL 링크(href, src 등)가 에 설정된 경로를 기준으로 해석됩니다. 기본 대상(target) 설정 (target 속성 사용)문서의 모든 하이퍼링크.. 2025. 2. 5. 이전 1 2 3 4 5 6 7 8 다음 반응형