Block 요소와 Inline 요소를 구분 짓는 세 가지 특징 줄 바꿈 현상이 있는가 가로, 세로 공간에 대한 크기를 만들 수 있는가 상, 하 배치가 가능한가 Block 요소 y축 정렬 형태로 출력된다(줄 바꿈 현상이 나타난다). 공간을 만들 수 있고 상, 하 배치 작업이 가능하다. Inline 요소 x축 정렬 형태로 출력된다(한 줄에 출력된다). 공간을 만들 수 없고 상, 하 배치 작업이 불가능하다.
FE/HTML
구조를 잡을 때 사용하는 태그 웹 사이트의 머리글을 담는 공간이다. 메뉴 버튼을 담는 공간이다. , , 와 함께 사용한다. 문서의 주요 내용을 담는 태그이다. IE(Internet Explorer)는 지원하지 않으므로 role="main" 속성을 필수로 입력해야 한다. 문서의 주요 이미지나 텍스트 등의 정보를 담고 구역을 설정하는 태그이다. 태그 내에 구역을 대표하는 타이틀 태그가 존재해야 한다. 가장 하단에 들어가는 정보를 표기할 때 사용한다. 임의의 공간을 만들 때 사용한다.
HTML 기본 태그 정보성을 갖고 있는 이미지를 삽입한다. src 속성 : 삽입할 이미지 파일 경로 alt 속성 : 웹 사이트가 이미지를 출력하지 못했을 경우에 텍스트 정보로 대체한다. Heading의 약자로 제목이나 부제목을 표현한다. 숫자 값이 클 수록 폰트 사이즈가 작다. 즉, 숫자는 정보의 중요도를 나타낸다. 태그는 가장 중요한 정보를 담기 때문에 하나의 html 문서에서 한 번만 사용된다. Paragraph의 약자로 본문 내용을 표현한다. 웹 사이트의 중요 정보를 담는 태그이다. Unordered list의 약자로, 순서가 없는 리스트를 생성한다. 첫 번째 자식으로 태그를 쓰고 메뉴 버튼을 만들 때 사용한다.
HTML이란? 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어 HTML 기본 틀 HTML5라는 신조어로 몬서를 선언하는 태그이다. 과거에 사용된 언어 중 일부는 사용할 수 없다. HTML 문서의 시작과 끝을 의미한다. 모든 HTML 태그들은 태그 안쪽에 입력해야 한다. 을 넣으면 모든 문자를 웹 브라우저에서 깨짐 없이 표시하겠다는 뜻이다. 웹사이트의 간단한 요약 정보를 담는 영역이다. 웹사이트에서 노출되지 않는다. 모든 눈에 보이는 정보들이 body에 들어간다.
