초짜코딩의 잡동사니

서식 서식(Formatting) HTML은 텍스트(text)에 다양한 효과를 주는 여러 태그(tag)를 제공합니다. 강조 효과 HTML 문서에서 텍스트를 굵게 표현하고 싶을 때에는 태그(bold text)나 태그를 사용하면 됩니다. 예제 "이 부분"은 단순히 글씨가 굵은 부분이에요! "이 부분"은 중요한 부분이라서 굵게 표현됐어요! 태그는 단순히 화면의 텍스트를 굵게 표현해 줍니다. 하지만 태그는 텍스트를 굵게 표현해줄 뿐만 아니라 그 내용이 중요하다는 의미도 함께 포함해 줍니다. HTML 문서에서 이탤릭체를 표현하고 싶을 때에는 태그(italic text)나 태그(emphasized text)를 사용합니다. 예제 "이 부분"은 단순히 글씨가 이탤릭체인 부분이에요! "이 부분"은 중요한 부분이라서 이탤릭..

단락 단락(Paragraph) 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 부릅니다. HTML에서는 태그를 이용하여 이러한 단락을 표현합니다. 예제 제목1의 크기입니다! 제목2의 크기입니다! 제목3의 크기입니다! 여기서부터 단락입니다. 태그의 위아래로는 약간의 여백(margin)이 자동으로 삽입됩니다. 띄어쓰기와 줄 나누기 HTML 코드에서 띄어쓰기나 줄 나누기를 여러 번 하더라도 웹 브라우저를 통해 나타나는 화면에는 전혀 영향을 주지 못합니다. 웹 브라우저는 여러 번의 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식하기 때문입니다. 다음 예제는 웹 페이지에 여러 번의 띄어쓰기와 줄 나누기를 표현하기 위해 작성한 예제입니다. 예제 줄을 나누고 싶어서 이렇게 ..

제목 제목(Heading) HTML은 제목을 표현할 수 있는 다양한 크기의 태그를 제공합니다. 가장 큰 태그부터 가장 작은 태그까지 다양한 크기로 제목을 표현할 수 있습니다. 예제 제목1의 크기입니다! 제목2의 크기입니다! 제목3의 크기입니다! 제목4의 크기입니다! 제목5의 크기입니다! 제목6의 크기입니다! 태그의 위아래로는 약간의 여백이 자동으로 삽입됩니다. 이런 태그는 제목의 표현이라는 기능 외에도 또 다른 중요한 역할을 하고 있습니다. 여러 검색엔진은 각 웹 사이트의 내용을 바로 이 태그를 이용하여 키워드를 수집하고, 그 내용을 파악합니다. 따라서 HTML 문서에 포함되는 제목은 태그로 작성해야만 검색엔진에 의해 제대로 검색될 확률을 높일 수 있습니다. HTML 문서의 제목에 해당하는 부분을 태그나..

블록과 인라인 HTML 요소의 타입 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다. 대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됩니다. 1. 블록(block) 2. 인라인(inline) 블록(block) 타입의 요소 display 속성값이 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지합니다. 예제 p요소는 display 속성값이 블록인 요소입니다. , , , , , 요소는 display 속성값이 블록(block)인 대표적인 요소입니다. 요소 요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소입니다. ..