분류 전체보기

[HTML 기초] 텍스트 서식 꾸미기

✨ 텍스트를 꾸며주는 태그들 : heading 제목 표시. : paragraph 단락 만들기. : 영역묶기. : breake line 줄 바꾸기. : horizontal line 수평 줄 넣기. : 인용문 넣기 (블럭 요소) > 들여쓰기 됨. : 인용문 넣기 (인라인 요소) > 쌍따옴표 표시. , : 이탤릭체 표시. : 입력문자 그대로 화면에 표시. 수학기호나 공식을 작성할 때 브라우저가 기호를 태그로 인식해서 잘못 출력될 경우 사용. , : 문자 강조표시. , : 취소선. 🤔 과 , 과 는 같은 효과를 내는데 무엇이 다를까? 텍스트 리더기를 통해 들을 때 은 태그 안의 문자를 강조해서 읽어주지만 는 강조해서 읽어주지 않는다. 마찬가지로, 은 태그 안의 문자를 읽지 않지만 (취소선이기 때문에) 태그는 다..

[HTML 기초] DOCTYPE이란?

HTML에서 doctype은 모든 문서의 최상단에서 찾을 수 있는 필수 서문이다. !DOCTYPE이란? document type의 약어로, 웹 문서가 어떤 형식으로 작성되었는지 문서 형식을 선언하는 것이다. !DOCTYPE을 쓰지않을 경우 어떻게 되는가? 웹 브라우저는 문서 형식 선언이 없으면 쿼크 모드로 렌더링 해서 각 브라우저마다 다른 형태의 결과물을 보여준다. 이것을 방지하기 위해 문서 형식 선언을 하며 이로 인해 HTML 문서를 표준모드로 렌더링 할 수 있게된다. 쿼크 모드(Quirks mode)? 오래된 웹 브라우저를 위해 디자인된 웹 페이지의 하위 호환성을 유지하기 위해 표준모드를 대신하여 쓰이는 렌더링 모드. 오래된 웹 페이지들이 최신 버전의 브라우저에서 깨져보이지 않으려는 목적이다. 표준 ..