반응형 웹프로그래밍8 [HTML] cite 태그 목 차HTML 태그란? 태그 기본 문법 태그 스타일 변경 (CSS 적용) 태그와 태그의 차이점 태그 요약 HTML 태그란? 태그는 책, 논문, 기사, 영화, 그림, 음악 등 작품의 제목을 나타낼 때 사용하는 HTML 태그입니다. 웹 브라우저에서 태그로 감싼 텍스트는 기본적으로 기울임(italic) 스타일로 표시됩니다. 태그 기본 문법내가 가장 좋아하는 책은 해리 포터입니다.이 그림은 모나리자라는 작품입니다.최근에 인셉션 영화를 다시 봤어요. 태그는 작품 제목을 감쌀 때만 사용해야 합니다.기본적으로 기울임(italic) 스타일이 적용됩니다. 태그 스타일 변경 (CSS 적용)기본적으로 기울임체가 적용되지만, CSS를 사용하여 스타일을 변경할 수도 있습니다.cite { font-style: .. 2025. 2. 13. [HTML] button 태그 목 차HTML 태그란?주요 특징기본 사용법 태그의 속성type (버튼의 동작 지정)disabled (버튼 비활성화)name과 value (form 데이터 전송 시 사용)버튼 안에 다양한 요소 포함 가능버튼 스타일링 (CSS 활용)버튼 크기와 색상 변경hover (마우스 올릴 때) 효과 추가버튼 아이콘 추가 (FontAwesome 사용)Javascript와 함께 사용버튼 클릭 이벤트 추가버튼 클릭 시 요소 변경 태그와 차이점 HTML 태그란? 태그는 클릭할 수 있는 버튼을 생성하는 HTML 요소입니다. 이 버튼을 클릭하면 특정 동작(이벤트)을 실행할 수 있으며, 폼 제출, JavaScript 실행, 링크 이동 등 다양한 기능을 수행할 수 있습니다. 주요 특징 내용을 포함할 수 있는 태그 → 버튼 .. 2025. 2. 7. [HTML] br 태그 (줄바꿈) 목 차HTML 태그란?주요 특징 태그 사용 예제기본 사용주소 입력시 줄바꿈 적용노래 가사 표시하기 태그와 태그의 차이점 태그 사용시 하지 말아야 할 것 HTML 태그란? (Break Line) 태그는 줄바꿈(line break)을 삽입하는 태그입니다. 즉, 문장을 강제로 다음 줄로 이동시키고 싶을 때 사용합니다. 주요 특징 단독 태그(Self-closing tag) → 은 종료 태그()가 필요 없음.인라인 요소(Inline Element) → 문장 내에서 줄바꿈을 적용할 때 사용됨.CSS 없이도 줄바꿈 효과 제공 → 태그처럼 블록을 나누지 않고도 줄바꿈 가능. 태그 사용 예제💡 기본 사용 태그가 삽입된 위치에서 줄바꿈이 적용됩니다.첫 번째 줄입니다.이제 두 번째 줄입니다.출력 결과:첫 번.. 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. 이전 1 2 다음 반응형