Front-end Developer (21) 썸네일형 리스트형 2. HTML의 특징 블록(block) 요소 vs 인라인(inline) 요소 HTML의 특징 파악하기 2-1 블록 요소와 인라인 요소 웹 브라우저의 공간 유무와 상관없이 hn태그나 p태그처럼 사용할 때마다 줄 바꿈 되는 태그가 있다. 이런 태그로 작성한 코드를 블록 요소(block element)라고 한다. 이와 반대로 a 태그나 span 태그처럼 공간이 부족할 때만 줄 바꿈되는 태그가 있는데, 이런 태그로 작성한 코드를 인라인 요소(inline element)라고 한다. 2-2). 블록 요소 (block element) - 블록 수준 요소는 항상 새 줄에서 시작하며, 또한 전체 너비를 차지한다. 일반적으로 사용되는 두 가지 블록 요소는 태그, 태그를 사용한다. : HTML 문서의 단락을 정의한다. : 컨테이너 태그이다. ex) p 요소는 블록입니다. div 요소는 블록입니다. .. 1.HTML의 기본 구성 요소 1. 태그 - 웹 페이지를 구성하는 요소는 텍스트, 이미지, 버튼 등 매우 다양하다. 태그는 이런 다양한 구성 요소를 정의하는 역할이다. 기본 형식은 괄호사이()에 태그명을 넣는 형태이다. 형식 : 2. 속성 - 속성은 기능을 보충하는 역할을 한다. 쉽게 말해, 옵션이라고 생각하자. 속성은 사용해도 되고 안 해도 되고, 여러 개를 사용해도 된다. 하지만 태그 없이 단독으로 사용할 순 없다. 속성명과 속성값으로 구성된다. 일반적으로 속성을 사용할 때, 속성명은 따옴표 없이 작성하고 값은 큰따옴표("")안에 작성한다. 속성값이 여러 개인 경우에는 하나의 큰따옴표 안에 쉼표(,)로 구분해 값을 나열하면 된다. 3. 문법 - HTML은 시작 태그(open tag), 종료 태그(close tag)로 구성 된다. .. Javascript -1. 변수 선언 (const, let, var) 1. const(constant: 상수) - 상수 : 변하지 않고 항상 같은 값을 가지는 수를 말한다. const player = "tomato"; console.log(player); // tomato ※ const 변수는 값을 재선언을 할 수 없으며, 재할 당도 불가능하다. - 변수 재 선언시 SystaxError 발생 const player = "tomato"; console.log(player); // tomato const player = "banana"; console.log(player); // Uncaught SyntaxError: Identifier 'player' has already been declared - 재 할당 시, TypeError 발생 const player = "toma.. 이전 1 ··· 4 5 6 7 다음
