반응형 Programming Language39 [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. [CSS] CSS란? (CSS개념과 HTML 차이점) 1. CSS(Cascading Style Sheets) 란 무엇인가? - HTML 과 같은 문서의 스타일을 꾸밀 때(디자인을 입히고 싶을 때) 사용하는 언어 태그 등에 스타일 (예를들어 글자의 크기, 색, 폰트, 버튼 스타일 등) 을 지정해줄 수 있다. 2. CSS와 HTML의 차이점은? - HTML의 경우 문장의 구조를 만든다. 저는 푸른 바다를 좋아합니다. 저는 푸른 바다를 좋아합니다. 저는 파랑색을 좋아해요 저는 파랑색을 좋아해요. - CSS의 경우 문장에 스타일을 꾸며준다. p { color : blue; } 저는 푸른 바다를 좋아합니다. 저는 파랑색을 좋아해요. CSS를 도입하기 전에는 HTML언어 하나로 뼈대와 함께 스타일까지 변경했었는데, 코드가 길어지고, 수정이 필요할 시 각각 수정해줘야 .. 2022. 1. 11. 이전 1 ··· 6 7 8 9 10 다음 반응형