HTML (7) 썸네일형 리스트형 HTML Graphics HTML Canvas Graphics : 웹 페이지에서 그림을 그릴때 사용하는 컨테이너이다. canvas는 HTML 페이지 내의 직사각형의 영역이다. 경계선이나 content가 없는것이 기본값이이며 그림을 실제로 그리기 위해선 자바스크립트를 사용 해야한다. id, width, height, style Draw a Line Draw a Circle Draw a Text Stroke Text Draw Linear Gradient Draw Circular Gradient HTML SVG Graphics Scalable Vector Graphics의 약자로 웹페이지에 그래픽 표현을 위해 사용됨 : SVG 그래픽을 위한 컨테이너이다 SVG Circle SVG Rectangle SVG Rounded Rectangl.. HTML Input form Attributes HTML Input form Attributes form : 의 form 속성은 input요소가 속한 하나 이상의 form을 지정한다. 이 속성의 값은 속성이 속한 요소의 id 속성과 같아야 한다. First name: Last name: formaction : 양식을 제출할 때 입력을 처리할 파일의 URL을 지정한다. ※ 다음 input type 요소에 적용됨 : submit and image. Note: This attribute overrides the action attribute of the element. First name: Last name: formenctype : 서버에 전송될 때 데이터의 부호화 방식(encoding)을 정의한다 , only for forms with method="p.. HTML Input Attributes HTML Input Attributes value : input 요소의 기본값 readonly : 읽기만 가능하게 지정 (수정만 불가능). 제출시 양식 전송 First name: Last name: disabled : 비활성화 - 이용불가능, 클릭불가능, 제출시에도 양식은 전송되지 않음 First name: Last name: size : input 요소의 너비. 기본값 20 ※ 다음 요소들에 적용가능 - text, search, tel, url, email, and password maxlength: input 요소에서의 입력 가능한 최대 문자열 숫자 First name: PIN: max : input 요소 최대값 min : input 요소 최소값 Enter a date before 1980-01-01.. HTML Input Types : 기본값이며 한줄의 텍스트 입력칸을 만든다 : text 속성과 같고 문자를 별표시로 숨겨서 표시한다 Username: Password: : 제출버튼을 생성 action 속성의 form-handler(데이터 처리서버)로 폼 양식을 제출 submit 버튼의 value를 설정하지 않았을때 버튼에 기본 텍스트(제출)로 표시된다 : 초기화 버튼을 생성. 눌렀을시 기본값으로 재설정 First name: Last name: : 라디오 버튼을 생성 - 한개의 제한된 선택 Male Female Other : 체크박스 생성. 0개부터 여러개까지 선택가능 I have a bike I have a car I have a boat : 버튼 생성 : 색상 선택 창 생성 Select your favorite color: : 날짜.. HTML Forms Form Basic HTML form 은 사용자의 입력값을 받는데 사용된다. : 사용자 입력값을 위한 HTML form 생성을 위한 태그이다 : 폼의 양식에 이름을 붙이는 태그이다. 의 for과 의 id 속성은 서로 같아야한다 : type에 따라서 다양한 방법으로 입력값을 받을 수 있다. 각 input field는 name 속성을 가지고 있어야 제출될 수 있다 First name: Last name: action : 폼이 제출되었을때 어떤 액션을 취할것인지 정의하는 태그이다 Target : 제출된 결과를 새 브라우저 탭이나 프레임, 현재 창 등 어디에서 에서 열지를 정한다 _self : 폼이 현재 창에서 제출된다 _blank : 폼의 결과가 새 브라우저 탭에서 열린다 _parent , _top : 그 외.. HTML Tutorial 2 2020/07/20 - [html] - HTML Tutorial 1 HTML Tables : html 테이블을 정의한다 : 각 열 : 테이블의 헤더. 기본적으로 텍스트는 굵게, 가운데 정렬된다 : 테이블의 데이터나 셀. 기본적으로 보통 글씨, 왼쪽정렬된다 ※ 는 모든 종류의 html 요소를 포함 할 수 있다. ( text, images, lists, other tables, etc. ) Basic HTML Table Firstname Lastname Age Jill Smith 50 Eve Jackson 94 John Doe 80 border : 테이블에 경계선을 표시한다 ※ 테이블과 테이블의 cell 둘다에 적용시켜야한다. border-collapse : 경계선을 허물어 하나의 경계선을 만든다 paddi.. HTML Tutorial 1 HTML은 Hyper Text Markup Language의 약자이며 standard markup language 로서 웹페이지를 작성하는데 사용된다. Basic Structure : 모든 HTML문서가 이 태그로 시작한다 : HTML 문서는 태그로 시작하고, 태그로 끝난다. HTML Headings : heading 표현시 사용한다. 숫자가 커질수록 글씨의 크기가 작아진다. Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 HTML Paragraphs : Paragraph 표현시 사용한다. 텍스트 안에 포함된 extra 공백이나 줄바꿈들은 모두 무시되며 창크기에 맞춰 줄바꿈된다. This paragraph contains a lot of spac.. 이전 1 다음
