YoonStudyNote

표의 제목을 설정. 열리는 TABLE 태그 바로 다음에 작성해야 함. 당 하나의 만 사용 가능. 표를 보조하는 태그이다. 데이터 타입과 값 데이터 타입 알파벳 숫자 값 A 7

‘일반 칸’을 지정 일반적으로 th보다 td를 더 많이 사용하게 된다. 속성 의미 값 기본값 headers 관련된 하나 이상의 다른 머리글 칸 id 속성 값 colspan 확장하려는(병합) 열의 수 1 rowspan 확장하려는(병합) 행의 수 1 데이터 타입 알파벳 숫자 값 A 7

‘머리글 칸’을 지정 속성 의미 값 기본값 abbr 열에 대한 간단한 설명 headers 관련된 하나 이상의 다른 머리글 칸 id 속성 값 colspan 확장하려는(병합) 열의 수 1 rowspan 확장하려는(병합) 행의 수 1 scope 자신이 누구의 '머리글 칸'인지 명시 col : 자신의 열 colgroup : 모든 열 row : 자신의 행 rowgroup : 모든 행 auto auto cf. 소스코드를 짤때 id는 고유한 성질을 가지고 있기 때문에 너무 흔한이름말고 고유한 단어를 이용하는 것이 좋다. 예를들어서 data 이렇게 쓰는것보다 th-data이런식으로 쓰는것이 좋다. 데이터 타입 값 알파벳 A 숫자 7 테이블은 반드시 표를 만드는 목적으로 한다. 그외의 레이아웃을 만든다는 목적이나 다른것..

, , , 데이터 표()의 행(줄 / )과 열(칸, 셀(Cell) / , )을 생성. (Table Row, Table Header, Table Data) cf. th는 테이블 헤더로서, 제목이기 때문에 기본적으로 굵은 글씨를 지원한다. 테이블 태그는 표를 만들때 사용하는 것이다. 하지만, 처음에는 영역으로 나눠서 글짜가 출력이 되지만, 테두리가 없어서 육안으로 영역을 구분하기가 힘들다. 그래서 CSS로 스타일링해서 보기 좋게 만들어야한다. 타입 값 알파벳 A 숫자 7 table{ border-collapse: collapse; //경계선 사이에 떨어져 있는것을 없앤다. } th{ //기본적으로 굵은 글씨를 지원하기 때문에 bold를 쓰지 않아도 된다. border : 1px solid red; //경계선..

"자바스크립트가 지원되지 않는곳에서는 이것을 사용해주세요" 에 의미를 사용할때 쓴다. 즉, 스크립트를 지원하지 않는 경우에 삽입할 HTML을 정의하는 것이다. 간단하게 sandbox를 이용해서 자바스크립트가 실행하지 못하는 환경을 임의로 만들었다. HELLO!

속성 의미 값 기본값 특징 async 스크립트의 비동기적 실행 여부 Boolean src 속성 필수 crossorigin 별도의 도메인을 사용하는 사이트의 오류 로깅을 허용하기 위해 사용 anonymous, use-credentials defer 문서 파싱(구문 분석) 후 작동 여부 Boolean src 속성 필수 src 참조할 외부 스크립트 URL URL 포함된 스크립트 코드는 무시 type MIME 타입 text/javascript 1. SRC HEROPY! 다음과 같이 작성하면, console창에 "안녕하세요를 볼 수 없다." script태그를 이용해서 source속성을 이용해서 외부에 있는 자바스크립트 파일을 호출하게 된다면 스크립트 내부에 작성되어 있는 자바스크립트 코드는 무시된다. 2. TYP..

스크립트 코드를 문서에 포함하거나 참조(외부 스크립트) 자바스크립트를 가져올 수 있는 스크립트 태그이다. 속성 의미 값 기본값 특징 async 스크립트의 비동기적 실행 여부 Boolean src 속성 필수 crossorigin 별도의 도메인을 사용하는 사이트의 오류 로깅을 허용하기 위해 사용 anonymous, use-credentials defer 문서 파싱(구문 분석) 후 작동 여부 Boolean src 속성 필수 src 참조할 외부 스크립트 URL URL type MIME 타입 text/javascript cf. 동기 VS 비동기 동기 : 순차적으로 실행하는 것 비동기 : 순차적인것이 아니며, 필요에 의해서 건너띄거나 다시 돌아간다는것이 가능하다. async는 직접적으로 입력할 일이 거의 없다. d..

Canvas API이나 WebGL API를 사용하여 그래픽이나 애니메이션을 랜더링 한다. 이 영역에 그림을 그린다는 뜻이다. 자바스크립트로 그림을 그려야하며, html이나 css로 그리는것이 아니다! 예제 이와같이 이용하면, 에니메이션 활용도 가능하며, 외부의 이미지를 가져와서 여기서 그려서 밖으로 내보내기도 가능하고 그 외의 많은 활동도 가능하다. (자바스크립트를 이용할때 사용해보자)

다른 HTML 페이지를 현재 페이지에 삽입한다. 속성 의미 값 기본값 name 프레임의 이름 src 포함할 문서의 URL URL width 프레임의 가로 너비 height 프레임의 세로 너비 allowfullscreen 프레임 테두리 사용 여부 0, 1 1 sandbox 보안을 위한 읽기 전용으로 삽입 * (보안은 강화 되지만, 이 사이트에서 이용되는 입력양식, 자바스크립트 코드가 동작하지 않을 수 있다. 그래서 옆에 값을 설정해야지 이용이 가능하다.) Boolean or allow-form : 양식 제출 가능, allow-scripts : 스크립트 실행 가능, allow-same-origin : 같은 출처(도메인)의 리소스 사용 가능 iframe은 보안적인 이슈가 있기 때문에 신중하게 사용해야 한다.

다음과 같이 입력시, 사람은 이것의 이미지와 설명을 연결해서 이해할 수 있지만, 브라우저는 인식을 하지 못한다. 해로피 이미지 입니다. 그러므로 다음과 같이 입력하는것을 선호한다. 해로피 이미지 입니다.