전체 글 21

HTML - 인용문과 줄 바꿈 요소

블록 인용문 우리가 할 수 있는 노력은 과정이 전부야. 결과는 우리 손안에 있는게 아니야. 결과까지 서너개 넣으려다 보니까 무리수를 두는 거야 드라마 <미생> 중에서  책이나 연설문, 논문의 일부 내용을 인용할 때 와 요소를 사용한다.는 텍스트가 긴 문장을 인용할 때 사용한다. 를 사용하면 자동으로 들여 쓰기가 적용되며 CSS margin 속성으로 들여 쓰기 간격을 바꿔줄 수 있다.출처 정보를 명시해야 할 때 를 사용한다. 과 시각적으로는 동일하지만 다른 성격을 가지고 있다.cite는 속성으로도 사용하는데 링크를 걸거나 시각적으로 보이지는 않지만 SEO나 스크린 리더등 웹표준과 웹 접근성 방면에서 이점을..

Coding/HTML & CSS 2025.02.21

HTML - 프레이징 요소

프레이징 요소는 문장 내에서 사용할 수 있는 요소들을 말한다.볼드체, 이텔릭체, 밑줄, 취소선 이런 요소들을 말한다.  같은 인라인 요소 안에서 사용 가능하며 대부분이 텍스트의 의미를 강조하는 역할을 담당한다. 강조 요소 : '강한 중요성'을 가진 내용을 위한 것, 텍스트 내에서 아주 중대하거나 긴급한 내용을 포함한다. <strong>과 <b> 비교 문장안에서 <strong>은 매우 중요한 내용임을 나타낸다. 문장안에서 <b>는 단순히 굵은 글씨를 나타낸다. 또 다른 프레이징 요소인 와 비교해 봤다. 과 는 단순히 봤을 때는 굵은 글씨로 보이지만 은 구조적으로 중요한 의미를 가지고 있는 요..

Coding/HTML & CSS 2025.02.21

HTML - 정의형 목록

definition list를 의미하는 은 자식요소로 definition term, definition description을 갖는다. 사전이나 설명서, FAQ, 용어집 같이 글로 무언가를 표현할때 사용한다.  태그를 사용하면 문서 구조상 해당 컨텐츠가 설명형 목록임을 알 수 있고 웹 접근성을 요구하는 스크린리더 프로그램이 해당 컨텐츠가 설명 목록임을 알 수 있기 때문에 웹 표준을 준수하기 위해 사용해야한다.   HTML 웹 문서의 구조를 정의하는 마크업 언어 CSS 웹 문서의 스타일을 정의하는 스타일시트 언어 JavaScript 웹 문서의 동작을 정의하는 프로그래밍 언어  안에는 와 순서로 사용해야하며 복수로 사용 가능하다. , 이..

Coding/HTML & CSS 2025.02.20