05. p태그 _ paragraphs p태그는 문단을 담는 태그로 p태그 하나당 하나의 챕터로 보시면 됩니다. 각각의 문단을 나눠주는 역할을 합니다. 일반적으로 설명이나 기사 등이 들어가는 부분에 사용합니다. 문단의 스타일을 구성하기 위해 br태그와 pre태그가 쓰이기도 합니다. p p태그는 따로 크기를 지정하지 않으면 블록으로 100%를 차지합니다. hello world! hello world! hello world! hello world! This is a paragraph hello world! hello world! hello world! hello world! This is a paragraph br html에서는 엔터를 아무리 많이쳐도 줄바뀜이 생기지 않습니다. 스페이스도 딱 한칸만 먹어요. 그럴때 사용하는게 br태그입니다. 줄을.. 더보기 04. h태그 _ headings h태그는 제목을 나타내는 태그입니다.h* - 1~6까지의 숫자가 쓰이며 숫자가 작을수록 상위 제목을 나타냅니다. This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 각 숫자에 따라 크기가 지정되어 있으며 bold처리 됩니다. (굵게) 크기는 블록으로 한줄을 통째로 차지합니다. 대부분 h1은 사이트의 로고나 네임으로 많이 사용합니다. 아래와 같이 출력됩니다. Ctrl + F11을 눌러 확인해 보세요. This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This.. 더보기 03. html의 기본구조 html의 기본구조는 다음과 같습니다. hello world! DOCTYPE Document Type Declaration란 뜻으로 약자로 DTD라고 합니다. 제일 상단에 위치해야 하고 이 문서가 어떤 종류인지 어떤 버전으로 작성되었는지를 알려줍니다. 작성한 버전에 맞게 문서를 해석하라는 뜻이지요. DOCTYPE을 지정하지 않으면 내가 의도한 바와 다르게 화면이 출력될 수 있습니다. 위 예시는 html5로 작성되었다는 표시 입니다. title 문서의 제목을 입력합니다. 브라우저 상단에 출력되는 제목을 설정해 주는 부분입니다. body 본격적으로 사이트의 컨텐츠가 들어가는 부분입니다. 앞으로 하게될 작업은 대부분 이곳에 작성됩니다. 이제 뒤에서 코드가 나오면 body사이에 요렇게 치면 됩니다. 태그문법 대.. 더보기 이전 1 ··· 7 8 9 10 11 다음
