공부/HTML5 + CSS
-
8. 자주 쓰는 태그공부/HTML5 + CSS 2018. 6. 6. 23:04
태그 의미 사용법 문장이 모여 구성된 단락(paragraph) 문장입니다. ~ 페이지 안에서 가장 중요한 콘텐츠를 6개의 우선순위로 분류 첫번째로 중요한 내용 텍스트 강조 강조된 키워드 중요한 텍스트 표시 제일 중요한 키워드 문서의 저자에 대한 주소 저자 : 정애리 문서에서 그룹으로 지정한 구분임을 의미블록레벨 엘리먼트 제목 문장 문서에서 그룹으로 지정한 구분을 의미인라인레벨 엘리먼트 강조한 문자 이미지로 사용 하이퍼링크로 사용 하이퍼링크 , , 순서 없는 목록(ul) 또는 순서 있는 목록(ol)으로 사용함을 의미(또는 ) 항목1 항목2(또는
-
7. 선택자 Selector공부/HTML5 + CSS 2018. 6. 6. 21:56
선택자 먼저 선택자의 이름 지정. HTML태그 중 하나가 될 수도 있고, 직접 이름을 지어서 입력할 경우도 있음 { 로 시작하여 } 로 선언 구간을 만듦 선언 구간 안에 속성 이름(property) 선언, :(콜론), 값(Value), ;(세미콜론) 순으로 작성 :(콜론)은 속성 이름(property)과 값(Value)를 구분하기 위한 것 ;(세미콜론)은 마침표 역할 ;(세미콜론) 뒤에 다시 속성 이름(property)을 추가하고 동일한 방식으로 계속 작성 태그 선택자(Tag Selector)는 가장 기본적으로 CSS를 작성할 때 사용하는 방식HTML 태그에 직접 스타일을 지정하는 방식 h1 {color: red;text-align: center;}[…]안녕하세요 HTML 엘리먼트에 직접 스타일을 지정하..
-
6. 외부 스타일 시트 external style sheet공부/HTML5 + CSS 2018. 6. 6. 21:32
외부 스타일 시트(External Style Sheet) : 스타일 내용을 별도의 페이지로 빼서 사용 하나의 스타일로 여러 개의 HTML 페이지에 적용하여 사용하고자 할 때 바람직 하나의 스타일 페이지만 바꾸면 연결된 전체 HTML 페이지가 바뀌므로 유지, 보수에 편리 각각의 HTML 페이지 문서는 섹션 안에 태그를 사용하여 스타일 페이지와 연결 스타일 시트 파일의 확장자는 css 실제로 사용할 페이지 제작 시맨틱 마크업 작업까지만 하고 내부 스타일 작업은 진행하지 않음 외부 스타일 파일 만들기 확장자가 css인 별도의 파일을 생성해서 그 안에 스타일 정의 HTML 페이지와 CSS 페이지 연결 HTML 페이지 안의 … 태그 안에 태그를 사용하여 CSS 페이지의 경로를 지정하여 연결 추가로 HTML 문서 ..
-
5. 내부 스타일 시트 internal style sheet공부/HTML5 + CSS 2018. 6. 6. 21:28
DOCTYPE html> Document h1{ color: #808000; margin-left: 20px; } 내부 스타일 시트가 적용된 문장입니다. 모든 h1에 적용됩니다. 내부 스타일 시트(Internal Style Sheet) : HTML 파일 안에 별도 영역으로 스타일 정의를 해놓음 일반적으로 안에 style 엘리먼트를 사용 위는 태그에 글꼴 종류를 돋움체로 크기를 25px로 지정한 경우. 내부 스타일 시트는 다음과 같은 특징 HTML 문서 하나가 고유한 CSS내용을 가진다고 생각될 때 사용 태그를 사용하여 지정 HTML 페이지 안에 위치하므로 영향을 주는 범위는 페이지 안의 전체 태그. (위 예는 페이지의 모든 h1태그에 적용) 페이지가 바뀌면 영향을 주지 않으므로 만약 다른페이지에서 사용하..
-
2. article, section, 특수문자공부/HTML5 + CSS 2018. 6. 6. 21:25
articlesectionfooter특수문자 DOCTYPE html> Document 홈 페이지에 오신 것을 환영합니다. 저의 이름은 정애리입니다. 홈 쇼핑 커뮤니티 article 엘리먼트는 독립적으로 존재할 수 있는 콘텐츠 영역을 지정할 때 사용 독립적인 콘텐츠란 그 자체로 사이트 안에서 다른 곳으로 이동하여도 정보의 가치와 역할을 수행할 수 있어야 한다는 의미 포럼의 글, 신문기사, 블로그 포스트, 사용자 댓글 등 연구의 배경 본 연구는 예술의 상호 작용적 변천 과정을 살핀다. article 엘리먼트를 하나의 완성된 논문이라고 본다면 머리말 - 본문 - 결론을 구분해야 할때 필요 이때 article안에서 section 태그로 삼등분하여 사용 위 예는 논문으로 서론 부분에서 연구의 배경을 언급할 때 하..