HTML + CSS(10)
-
HTML + CSS 주요개념 정리(4) - CSS 사용하기
1. 부모 자식 간의 css상속 HTML은 필연적으로 태그가 태그를 포함하는 구조인데, 이러한 구조를 부모-자식 관계라고 합니다. 예제 코드를 보면 태그 안에 과 태그가 포함되어 있습니다. 여기서 상위에 있는 태그를 '부모'라고 하고, 하위에 있는 과 태그를 '자식'이라고 합니다. 그리고 과 태그를 서로 '형제'라고 표현합니다. 상속이라는 개념을 알아야 되는 이유는 header 태그에 속성을 적용하면 다 함께 적용되기 때문이다. header 태그에 파란색을 적용하니 전체적으로 다 파란색으로 적용된 것을 볼 수 있다. 2. css 속성의 우선순위, 캐스케이딩 케스케이딩은케스케 이딩은 같은 영역에 같은 디자인을 적용했을 때 어느 디자인을 우선해서 적용하는지를 나타냅니다. 케스케 이딩은 다음 세 가지가 우선순..
2021.01.18 -
HTML + CSS 주요개념 정리(3) - CSS 이용
1. HTML 문서에 입력된 정보나 공간에 CSS 디자인 효과를 적용하려면 다음 세 가지 방법 중 하나를 이용. 인터널 방식: HTML 문서 안에 태그를 사용하여 적용하는 방식 인라인 방식: HTML 태그 안에 style 속성을 사용하여 적용하는 방식 익스터널 방식 : CSS 파일을 생성하여 HTML 문서와 연동하는 방식 2-1. 인터널 방식 인터널 방식은 태그 안에 태그를 사용하여 CSS를 적용하는 방식입니다. 여러개의 Hello World 중 태그를 선택한 글만이 빨간색이 적용된 모습을 볼 수 있습니다 2-2. 인라인 방식 인라인 방식은 HTML 태그에 직접 style 속성을 추가하여 적용하는 방식입니다. 태그 안에 style 속성을 추가하여 "background-color: yellow;"를 입력하..
2021.01.13 -
HTML + CSS 주요개념 정리(2) - HTML과 레이아웃
1-1. 웹 사이트 공간을 정의 하는 태그 머리 : 가슴 : or 배 : HTML5에는 상단, 중앙, 하단 등 공간을 정의 하는 태그가 있다. 상당에는 header, 중앙에는 main 또는 section, 하단에는 footer 태그를 사용합니다. 1-2. 웹 사이트 공간을 정의하는 태그: 와 태그는 문자 그대로 웹 사이트의 머리글에 해당. 태그 안에는 ~ 태그를 사용하여 회사 이름이나 슬로건을 입력하고, 태그를 사용하여 회사 로고를 삽입 하거나 페이지 전환을 위한 메뉴 버튼을 작성한다. 태그는 메뉴 버튼을 담는 공간이다. 태그 안에는 버튼을 만들 때 사용한 , , 태그를 입력 할 수 있다. 1-3. 웹 사이트 공간을 정의하는 태그: , , 1. 태그는 웹 사이트 영역을 설정할 때 사용. 태그는 웹 사이트..
2021.01.12 -
HTML + CSS 주요 개념 정리 (1) - HTML 구성 요소
웹프로그래밍 언어를 공부할 때 사용한 텍스트 편지기는 서브라임 텍스트를 사용. HTML은 index파일과 css파일을 합으로 사이트를 구성됨. # 1. HTML의 주요태그 태그 : anchor의 약자로 정박지 또는 닻을 뜻한다. 태그의 콘텐츠를 클릭하여 특정 영역이나 특정 페이지로 이동한다. 보통 메뉴 버튼을 만들 때 사용. 태그 : image의 약자로 정보성 이미지를 삽입할 때 사용 ~태그 : , ... , 태그는 신문 기사로 치면 헤드라인에 해당. 일반적으로 웹 사이틔 제목이나 부제목처럼 중요하다고 생각되는 정보에 사용. 태그 : paragraph의 약자로 단락을 표현할 때 사용. 신문 기사로 치면 본문 영역에 해당 태그 : 문단 안에 있는 특정 단어나 문장에 디자인을 지정할 때 사용. 태그 : 국어..
2021.01.12