목록HTML&CSS/HTML5 (13)
FlowerBombs
드롭다운 기본형식 12345...내용... 화면 표시 내용 ...option태그 반복 사용...Colored by Color Scriptercs 12345678910111213141516171819202122232425262728293031 이동통신사 선택하기 이동통신사 선택 SKTelecome KT LG U+ 스마트폰 운영체제 선택하기 스마트폰 운영체제 안드로이드 iOS Window Colored by Color Scriptercs 파일 첨부하기12345 Colored by Color Scriptercs 1234567891011 파일첨부 사진선택 Colored by Color Scriptercs 데이터 전송하기
입력 양식을 표시하는 태그 태그 12cs - name 속성 : 웹 프로그램과 연계되는 속성으로 한 페이지 안에서 고유한 값을 명시 해야 함.- id 속성: 해당 페이지에서 그 요소를 식별하기 위한 값으로 고유한 값을 명시해야 함. - id값과 name값은 서ㅗㄹ 동일하게 지정해도 무관하다. - type 속성에 따라 화면에 표시되는 요소의 종류가 결정 (text,pw., hidden 등) 요소의 제목 표시하기123...제목...cs - 태그는 입력 요소 앞이나 뒤에서 표시되는 제목을 구성한다.- 태그와 태그의 순서는 변경될 수 있으며,반드시 함꼐 연달아 표시될 필요는 없다. 장문을 입력하기 위한 요소1234...내용...... 기본적으로 작성되어 는 내용 ...Colored by Color Scripter..
입력양식(form) 입력양식의 영역 지정123Colored by Color Scriptercs 속성 설명- method : 입력값을 백엔드 페이지에게 전송하는 방식- action : 입력값을 전송받을 백엔드 페이지의 주- enctype: 파일 업로드가 요구될 경우 명시 -- 화면 UI를 구성하는 과정에서는 중요하지 않기 때문에 method, action, enctype 속성은 명시하지 않는 경우가 많다. 입력양식 안에서의 그룹 지정 (필요한 경우만 수행)1234
멀티미디어 첨부멀티미디어 요소들은 문장으로 인식된다. ★이미지 1cs - width나 height중 하나만 부여할 경우 나머지 값은 비율에 따라 자동 변경 사운드123 HTML5를 지원하지 않는 브라우저에서 표시할 Colored by Color Scriptercs 비디오 1234 HTML5를 지원하지 않는 브라우저에서 표시할 내용 cs - src속성 대신 ~ 사이에 태그 형식으로 브라우저 별로 영상 파일을 개별 지정 가능. --일반적인 경우 mp4형식의 영상 파일 하나면 대부분 재생 가능. src 파일의 경로를 지정하는 속성. 브라우저마다 코덱 이슈 있음. controls 각 브라우저 고유의 컨트롤바를 표시함 loop 재생이 끝나고 나면 처음부터 다시 반복하여 재생함 autoplay 자동으로 재생 시작 ..
★페이지 이동처리(링크)★ 1 ... 내용 ... cs - target 속성을 적용할 경우 새창(새탭)으로 표시됨.- 같은 사이트 내의 파일을 지정할 경우는 상대경로, 절대경로 사용 가능.- 웹에서의 절대경로는 http:// 부터 시작되는 온라인 상의 주소를 의미 - 태그는 , , , , , , 태그만을 포함할 수 있다. (그 외의 경우 웹 표준에 어긋난다.) 다른 사이트 주소를 명시할 경우 절대경로 형식만 가능함.
단어나 문장을 강조하는 방법 글자의 모양, 색상, 크기 1 ... 내용 ... cs 굵게/기울임/밑줄 처리 HTML 설명 .. 내용 ... 내용을 굵게 표시한다. ... 내용 ... 내용을 굵게 표시한다. (bold의 약자) ... 내용 ... 기울임 꼴로 표시한다. (italic의 약자) ... 내용 ... 밑줄을 표시한다. (underline의 약자) 스타일(CSS)을 적용시키기 위한 영역 지정하기1 .. 내용 .. cs - 태그 자체로는 어떠한 기능도 없다. 줄 바꿈 처리1cs 형광펜 효과를 부여하는 mark 태그1 ... 내용 ... cs 주소, 연락처, 카피라이트 표시1.... cs
페이지 영역 나누기 1 ... 내용 ... cs1. 개념적으로만 나눈다.- HTML에서는 디자인이 적용되지 않음2. 중첩해서 사용할 수 있으며 모든 종류의 HTML 태그 포함 가능3. 용도에 따라 시멘틱 요소로 세분화 할 수 있다. - header.section,article, nav, aside, group 등..4. 대부분의 웹 사이트가 시멘틱 요소를 디테일하게 사용하지는 않는다. (div로 대동단결!!) 기타 - 화면 상 직선 긋기 : - copyright 특수문자 : © - HTML 코드에서는 띄어쓰기나 줄바꿈을 아무리 많이 사용하더라도 브라우저 상에서는 띄어쓰기 한칸- 으로 표시된다.