기초코딩 3

03. 텍스트와 관련된 태그들

텍스트 관련 요소 01. 블록형태로 처리하는 태그 요소 유형 태그 명 태그의 의미 블록 레벨 요소 제목 표시하기 // h1~h6까지 사용가능하며 h1이 가장 크게 표시되고, h6이 가장 작게 표시된다. 단락 만들기 줄 바꾸기 수평선 긋기 02. 인라인형태로 처리하는 태그 요소 유형 태그 명 태그의 의미 인라인 요소 강조할 텍스트 기울임체로 표시하기 강조할 텍스트 굵게 표시하기 형광펜 효과 내기 텍스트 굵게 표시하기 텍스트 작게 표시하기 아래첨자 표시하기 위 첨자 표시하기 밑줄 취소선 오늘은 텍스트와 관련된 태그들을 모아봤습니다!! 텍스트와 관련된 태그들이 참 많은데 적재적소에 잘 사용하면 더욱 보기 좋은 페이지를 만들 수 있지 않을까 하네요. 제가 텍스트와 관련된 모든 태그들을 아는 것은 아니라서 여러분..

02. 시멘틱 마크업과 논리적인 순서 마크업

마크업(Mark up)이란? - 마크업(mark up)은 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. - 주요 마크업 언어에는 HTML,Markdown등이 있다. - 간단하게 말해 문서의 골격에 해당하는 부분을 작성하는데 사용된다. 시멘틱 마크업(Semantic markup) 시멘틱(Semantic)의 사전적인 뜻은 "의미론적인" 정도로 해석할 수 있다. 이것은 마크업을 할 때 의미를 부여하는 태그로 보면 되는데 시멘틱 하게 마크업을 하는 것이 중요한 이유는 HTML 문서는 보통 시각적인 방법으로 사용자들에게 정보를 전달하지만 , 모든 사람이 정보를 동일하게 받아들일 수 있는 환경이 아닐 수도 있기 때문이다. 사용자가 보편적인 방법으로 정보전달을 받지 못하는 상황에서 시멘틱한..

01. 인라인(Inline)구조와 블록 레벨(Block-level)구조

이미지 출처 블록 레벨 요소(Block-level Elements) - 마크업을 할 때 줄이 바뀌는 특성을 가지고 있다. - 블록 레벨 요소는 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있다. - 블록 레벨 요소 중에는 블록 레벨 요소를 자식 요소로 포함할 수 있는 요소와 없는 요소가 있다. - 블록 레벨 요소는 하나의 박스라고 생각하면 된다. - 하나의 박스(영역)이기 때문에 margin 값과 padding 값을 적용할 수 있다. ex). , , 같은 요소들은 대표적인 블록 레벨 요소로 화면상 줄 바꿈 현상이 일어난다. 블록 레벨 요소 블록 레벨 요소 성질 줄 바꿈이 생깁니다. 인라인 요소(Inline Elements) - 마크업을 할 때 가로로 정렬이 된다. 즉 줄이 바뀌는 특성이 없고 한..