블록(Block), 인라인(Inline)
1. 블록 요소
- DIV, H1, P
- 사용 가능한 최대 가로 너비를 사용한다.
- 크기를 지정할 수 있다.
- (width: 100%, height:0;) 로 시작 - 내용이 포함되면 auto로 늘어남
- 수직으로 쌓인다.
- margin, padding 위, 아래 , 좌, 우 사용 가능하다.
- 레이아웃
2. 인라인 요소
- SPAN, IMG
- 필요한 만큼의 너비를 사용한다.
- 크기를 지정할 수 없다.
- (width: 0%, height:0;) 로 시작
- 수평으로 쌓인다.
- 줄바꿈을 한 태그들은 띄어쓰기가 들어간다. 붙여서 작성하면 띄어쓰기 없어짐
- margin, padding 위, 아래는 사용할 수 없다.
- TEXT
(display:block) 는 인라인 요소를 블록요소로 , (display:inline)는 블록요소를 인라인 요소로 바꿀 수 있음
각각의 태그의 기본값이 무엇인지! 정확하게 알기
주요범위 & 메타데이터 - HTML, HEAD, BODY, TITLE
1. <!DOCTYPE html> 이하의 내용은 HTML5 버전으로 해석을 해서 브라우저에 출력을 해라.
2. <html></html> 안에 내용을 작성해야 html이 인식을 한다.
3. <head></head> 는 문서의 정보
- HTML문서의 제목 <title></title>
- 기타정보(META)
- 스타일 직접 입력
- 스타일 외부에서 가져와서 연결
4. <body></body> 는 문서의 구조
메타데이터 - META
<meta>는 빈태그이며, charset은 문자가 인코딩되는 방식, name, content도 사용 가능
developer.mozilla.org/ko/docs/Web/HTML/Element/meta
: 문서 레벨 메타데이터 요소 - HTML: Hypertext Markup Language | MDN
HTML 요소는 , , , , 과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다. meta 요소가 제공하는 메타데이터는 다음 네 유형 중 하나입니다. name 특성을 지정하면 전체 페이지에
developer.mozilla.org
1. charset : 페이지의 문자 인코딩을 선언
2. content : http-equiv 또는 name 특성의 값을 담는다.
3. http-equiv
4. name : name과 content 특성을 함께 사용하면 문서의 메타데이터를 이름-값 쌍으로 제공
메타데이터 - LINK
developer.mozilla.org/ko/docs/Web/HTML/Element/link
: 외부 리소스 연결 요소 - HTML: Hypertext Markup Language | MDN
HTML 요소는 현재 문서와 외부 리소스의 관계를 명시합니다. 는 스타일 시트를 연결할 때 제일 많이 사용하지만, 사이트 아이콘("파비콘"과 홈 화면 아이콘) 연결 등 여러가지로 쓰일 수 있습니다.
developer.mozilla.org
1. href : 연결할 리소스의 URL, 절대와 상대 URL 모두 가능
2. hreflang : 연결할 리소스가 사용하는 언어입니다. 오직 제안하는 용도로만 사용
3. rel : 연결할 리소스와 현재 문서의 관계. 링크 유형의 값을 공백으로 구분한 리스트를 지정해야 한다.
메타데이터 - STYLE
기본적으로 style tag는 head안에 작성
developer.mozilla.org/ko/docs/Web/HTML/Element/style
메타데이터 - MIME Type
MIME 타입이란 클라이언트에게 전송된 문서의 다양성을 알려주기 위한 메커니즘
developer.mozilla.org/ko/docs/Web/HTTP/Basics_of_HTTP/MIME_types
MIME 타입 - HTTP | MDN
MIME 타입이란 클라이언트에게 전송된 문서의 다양성을 알려주기 위한 메커니즘입니다: 웹에서 파일의 확장자는 별 의미가 없습니다. 그러므로, 각 문서와 함께 올바른 MIME 타입을 전송하도
developer.mozilla.org
메타데이터 - BASE
<base> 요소는 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정
html 문서에 한번만 작성 가능
일부분URL에서 사용되는 경우 사용하면 안된다.
공통적으로 사용되는 URL 부분을 미리 <base href="........./">에 선언
developer.mozilla.org/ko/docs/Web/HTML/Element/base
- HTML: Hypertext Markup Language | MDN
HTML 요소는 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정합니다. 문서에는 하나의 요소만 존재할 수 있습니다. 문서의 기준 URL을 스크립트에서 접근해야할 땐 document.baseURI을 사용할 수 있습
developer.mozilla.org
'Front-end > Web' 카테고리의 다른 글
| HTML - 인라인 텍스트 & 수정 (0) | 2021.02.02 |
|---|---|
| HTML - 콘텐츠 구분 & 문자 콘텐츠 (0) | 2021.02.02 |
| CSS (0) | 2021.02.01 |
| HTML (0) | 2021.02.01 |
| 개요 (0) | 2021.02.01 |
댓글