NILGI

See the Pen by nilgi (@nilgi) on CodePen. 중요한 의미를 갖는 텍스트를 정의 b와 같은 효과

See the Pen by nilgi (@nilgi) on CodePen. span는 인라인 요소로 그룹화하고, div는 블록 요소로 그룹화 한다.

See the Pen script by nilgi (@nilgi) on CodePen. 스크립트를 정의하는데 사용 src : 외부 스크립트 자원의 주소. async : 불리언 속성으로 스크립트 실행방법 지시. defer : 불리언 속성으로 스크립트 실행방법을 지시. type : 스크립트 언어 또는 데이터 포맷을 표시. charset : 외부 스크립트 자원의 문자 인코딩을 지정.

See the Pen by nilgi (@nilgi) on CodePen. 문단을 정의

See the Pen by nilgi (@nilgi) on CodePen. 순서가 있는 목록을 정의 reversed : 순서를 역순으로 만듬. start : 첫번째 목록의 순번을 지정 type : 리스트 안에서 사용될 마커의 종류를 지정. 숫자, 문자, 로마 숫자들을 표현할 수 있다. 와 같이 사용한다.

See the Pen object by nilgi (@nilgi) on CodePen. 문서내에 포함된 멀티미디어 요소를 정의 과 아주 흡사하다. data : 외부자원 주소 type : 외부자원 타입 name : 유효한 브라우징 문맥 이름 usemap : object요소가 이미지를 나타내고 있다면 이미지맵을 사용하고 있음을 나타냅니다. 요소가 이미지를 나타내지 않는다면 usemap속성은 무시됩니다. width : 요소 너비 height : 요소 높이 오디오, 비디오, 자바 애플릿, 액티브X, PDF, 플래시 파일을 지원한다. data 또는 type 속성이 반드시 포함되어야 한다. html4에서는 안에서만 사용가능 했으나 html5에서는 , 에서 사용가능하다.

See the Pen meta by nilgi (@nilgi) on CodePen. 문서에 대한 정보를 제공 name : 문서 메타데이터 설정 http-equiv : 전처리 구문 지시자 content : name속성이나 http-equiv속성을 사용했을 때 함께 명시 charset : 문자 인코딩 방식 명시 name, http-equiv, charset 속성중 하나만 사용할 수 있며 name이나 http-equiv중 하나를 사용했다면 반드시 content속성을 사용해야한다. 그렇지 않으면 생략해야한다. 한 문서에서 charset속성을 가진 하나의 meta속성만 사용할 수 있다.

See the Pen by nilgi (@nilgi) on CodePen. 목록의 항목을 정의 value : ol 요소의 자식으로 사용될 경우에 목록 아이템의 순번을 지정한다. 부모 요소가 ol이라면 li요소는 순서있는 값을 가진다. 부모 요소가 ul이라면 li요소는 순서가 없는 값을 가진다. - 함께 알아두면 좋은 태그 ol 순서 있는 목록 ul 순서 없는 목록 li 다른 목록을 중첩으로 사용할 수 있다.

See the Pen by nilgi (@nilgi) on CodePen. 문서에 이미지를 표현할 때 사용 src : 이미지 주소(필수) alt : 이미지가 표시되지 않을 때 대신 표시할 텍스트(권장) width : 이미지 너비 height : 이미지 높이

See the Pen iframe by nilgi (@nilgi) on CodePen. HTML문서 내에 다른 문서를 포함하는데 사용 iframe을 지원하지 않는 브라우저는 내용을 대체할 수 있다. src : 프레임 안에 불러올 문서의 주소 name : 프레임 안에 표시될 페이지의 이름 width : 너비 height : 높이

See the Pen by nilgi (@nilgi) on CodePen. HTML 문서의 루트를 나타냄 html요소는 head, body를 포함하면 하나의 문서에 하나만 쓴다.

See the Pen by nilgi (@nilgi) on CodePen. 문서의 주제를 분리할 때 사용 시각적으로 수평선이 나타난다.

See the Pen by nilgi (@nilgi) on CodePen. 제목, 스크립트, 메타 정보 포함

See the Pen h1~h6 by nilgi (@nilgi) on CodePen.

See the Pen by nilgi (@nilgi) on CodePen. color="색" 폰트 컬러 face="Gulim" 폰트 종류 size="5" 폰트 사이즈

See the Pen embed by nilgi (@nilgi) on CodePen. 동영상 링크에 많이 사용한다. src : 요소 주소 width : 요소 너비 height : 요소 높이

See the Pen by nilgi (@nilgi) on CodePen. 글씨를 기울임/이탤릭체

See the Pen by nilgi (@nilgi) on CodePen. 문서의 섹션을 만들거나 영역을 나눌 때 사용하며 티스토리 스킨 편집시 꼭 알아야 한다.

See the Pen buttom by nilgi (@nilgi) on CodePen. - autofocus : 페이지 로드시 자동으로 포커스를 받도록 지정 - disabled : 버튼 비활성화 - name="이름" : 버튼 식별자 지정 - type=버튼 종류 지정 - submit : 폼 제출. 기본값입니다. - reset : 폼 리셋 - value="값" : 전송되는 데이터 초기값 지정 - formtarget="_blank" 타겟 새창 "_self" 타겟 부모창 "_parent" 타겟 현재창 "_top" 타겟 최상위창 - input 버튼과 같지만, 이미지나 텍스트가 사용가능해 다양한 디자인이 가능. input type="button" name="button" id="button" value="눌러주세요..

See the Pen by nilgi (@nilgi) on CodePen. 텍스트 줄바꿈

See the Pen by nilgi (@nilgi) on CodePen.