반응형 전체 글40 [CSS] <div> 태그란? (division) 1. 태그란 무엇인가? - ... 태그는 division(분할하다) 의 약자로 HTML문서 내에 한 줄의 가로(Block) 공간을 만드는 태그이다. 2. 태그 사용 예시 1 2 3 4 5 6 7 8 9 10 11 div태그에 대해 알아보자 div{border:1px solid green;} 나는 div 태그 입니다. Colored by Color Scripter cs 태그의 영역을 보고자 border(굵기), solid(테두리)에 스타일을 입혔다. 3. 태그 사용 결과 웹 브라우저 크기에 따라 태그의 공간 크기가 변화하는 것을 볼 수 있다. 4. 태그를 여러 번 사용했을 때 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 div태그에 대해 알아보자 div{border:1px soli.. 2022. 1. 12. [HTML] <h> 태그란? (heading) 1. 태그란 무엇인가? - ..는 heading(페이지나 책에 붙이는 제목)의 약자로, 제목을 표현할 때 사용한다. 2. 태그 사용 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 h태그에 대해 알아보자 h 태그입니다. h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그입니다. h5 태그입니다. h6 태그입니다. h7 태그입니다. cs 3. 태그 사용 결과 h 태그는 별도의 줄바꿈 처리 필요없이 자동으로 줄바꿈이 된다. ... 태그는 6가지 단계의 섹션 제목을 나타낸다. 숫자가 커질수록 글씨가 작아지는 것을 볼 수 있다. 4. 태그 사용시 주의사항 1) 하나의 HTML페이지에서 'h1태그'는 문서의 가장 큰 제목에 쓰이므로 한번만 사용한다. 2) 'h 태그'는.. 2022. 1. 11. [HTML] <p> 태그란? (paragraph) 1. 태그란 무엇인가? - ...는 paragraph(문단) 의 약자로, 하나의 문단을 만들 때 쓰인다. 2. 태그 사용 예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 P태그에 대해 알아보자 첫 번째 문단입니다. 두 번째 문단입니다. 세 번째 문단입니다. 네 번째 문단입니다. 다섯 번째 문단입니다. 3. 태그 사용 결과 태그와 태그 사이에 위치하는 내용이 하나의 문단을 구성함을 알 수 있다. 2022. 1. 11. [CSS] CSS 스타일 적용 방법 CSS를 웹 페이지에 적용하는 방법은 아래와 같다. 1. HTML 태그의 style 속성에 CSS 코드 넣어 적용하기(Inline Style Sheet) 1 저는 파란색을 좋아해요 cs 2. HTML 문서 안에 스타일 코드를 넣어 적용하기(Internal Style Sheet) 1 2 3 4 5 6 7 8 나는 파란색이에요. 나는 바다를 좋아해요. cs 3. 별도의 CSS 파일을 만들고 HTML 문서에 코드 추가하여 적용하기(Linking Style Sheet) style.css 파일을 만든다. 1 2 3 4 5 cs html파일에 아래 태그를 추가한다. 1 cs 참고) 파일 경로에 따라 href에 들어가는 값이 달라진다. ex) html파일이 있는 폴더안에 css폴더 안에 style.css 파일이 있는.. 2022. 1. 11. 이전 1 ··· 6 7 8 9 10 다음 반응형
