반응형 전체글보기42 [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. [HTML] html이란? (html 개념 및 기본 구조) 1. html (HyperText Markup Language) 이란 무엇인가? - 웹 페이지를 만들기 위한 언어 웹 브라우저에서 웹 페이지를 볼 수 있도록 웹 페이지의 정보를 알려준다. HyperText - 문서와 문서가 링크로 연결되어 있는 고리. Markup - 부가적인 정보를 표시하기 위한 표기 방식(태그로 이루어져 있음) Language - 언어 2. Tag란 무엇인가? - 정보를 정의하는 형식으로 로 이루어짐 태그는 컨텐츠를 감싸서 그 정보의 성격과 의미를 나타낸다. (4번 이미지를 참고하자) 3. html의 특징 1. 단순한 구조와 쉬운 문법 2. 컴파일 작업이 필요하지 않은 웹페이지의 기본이 되는 프로그래밍 언어 3. 마크업 언어(마크(=tag)로 둘러싸인 언어)로 문서의 구조를 표.. 2022. 1. 11. 이전 1 ··· 7 8 9 10 11 다음 반응형
