목록Web/HTML (4)
오답노트
CSS : Cascading style sheets HTML을 꾸며주는 언어 html이 웹페이지의 정보를 표현한다면, CSS는 html을 보기 좋게 디자인하는 역할 CSS 문법 h1 { color: yellow; font-size:2em; } 선택자(selector) 속성(property) 값(value) 선언(declaration) 선언부(declaration block) 규칙(rule set) CSS 주석 /* 주석입니다 */ /* 주석입니다 */ CSS 적용방식 Inline코드의 재활용이 쉽지 않아 잘 사용되지 않음 내용 해당 요소에 직접 스타일 속성을 이용해서 규칙들을 선언하는 방법 Internal 태그는 태그를 사용하여 규칙들을 선언 External스타일 규칙들을 별도의 외부 파일로 만들어 ht..
콘텐츠 모델 콘텐츠 모델의 7 분류 Metadata Content : 콘텐츠의 style, script를 설정 하거나 다른 문서와의 관계 등의 정보를 포함하는 요소 Flow Content : 문서에 사용되는 대부분의 요소 Sectioning Content : 헤딩과 푸터의 범위를 결정하는 요소, 아웃라인이 있음 Heading Content : 섹션의 헤더를 정의하는 요소 Phrasing Content : 문서의 텍스트이며 문단 내부 레벨로 마크업하는 요소 Embedded Content : 외부 컨텐츠를 표현하는 모델 Interacitve Content : 사용자와 상호작용하는 요소 시멘틱 마크업 컴퓨터(브라우저)가 잘 이해할 수 있는 코드 의미에 맞는 요소를 사용 문서의 구조화 인간과 기계가 모두 이해할..
HTML 태그 소개 버전에 따라서 새로 추가되도 삭제하기도 한다. 제목과 단락요소 제목(Heading) 태그 ~ 숫자가 작아질 수록 큰 수준의 제목 단락(paragraph)과 개행(linebreak) 단락 단락 별로 개행한다. 단락 안에서 다시 태그를 사용해도 개행되지 않는다. 개행 단락 태그 내에서 개행을 할려면 개행 태그를 사용해야함 텍스트를 꾸며주는 요소 : 글자를 굵게 표현한다. : 글자를 이탤릭체로 표현한다. : 글자에 밑줄을 표시한다. : 글자에 중간선을 넣는다. 앵커 요소 앵커 태그 다른 문서로 이동할 수 있는 링크를 생성한다. href(하이퍼 레퍼런스) 속성을 무조건 가지고 있다 href 속성 내에 #id 속성을 사용하면 내부 링크로 사용할 수 있다. 회사 소개로 이동하기 ... 중략. 회..
HTML 소개 HTML 이란? 웹페이지를 만들 때 사용하는 언어 HTML 문법 태그 무언가를 표기하기 위한 꼬리표, 또는 이름표 태그 = 요소 같은 의미라고 생각할 것 Hello,HTML 📋 h1 : 태그 이름 : 시작태그 : 종료 태그 Hello, HTML : 내용 속성(Attribute) 이름과 값으로 이루어져 있고 시작 태그 안에 선언한다. 태그 이름과 띄어쓰기로 구분하며, 속성은 띄어쓰기로 구분하지 않는다. 이름=값의 형태로 쓰이며 값은 쌍따옴표 또는 홀따옴표로 감싸준다. 모든 태그에서 사용가능한 속성 존재 특정 태그에서 무조건 사용해야하는 속성 존재 Hello,HTML Hello,HTML 태그 중첩(Nesting Tags) 올바른 예 부모태그 내에 자식태그가 종료되어있음 Hello, HTML 잘..