목록HTML&CSS (15)
FlowerBombs
기본 셀렉터 종류 표현방법 의미 태그 이름 selector {...CSS 본문 ...} 특정 태그를 가리킨다. HTML내에 동일 태그가 존재할 경우 모든 태그 요소를 일괄 처리한다. 클래스.hello{~~} .selector {...CSS본문..} 셀렉터 이름 앞에 점(.)을 붙여 표시하고 HTMl태그의 class 속성에 점을 제외한 이름을 명시하여 지정한다. 태그의 종류를 가리지 않고 여러 요소에 복수 지정이 가능하다. (재사용 목적)이 경우 selector의 이름은 자유롭게 지정한다. id #selector {...CSS본문..} 셀렉터 이름 앞에 (#)을 붙여 표시하고 HTML태그의 id속성에 샵(#)을 제외한 이름을 명시하여 지정한다. Id속성의 값은 HTML페이지 내에서 중복 사용될 수 없다.(..
CSS(StyleSheet)html로 구성된 페이지 골격에 디자인을 입히는 언어. Block Level 요소address blockquote center dir div dl fieldset form h1~h6 hr menu p noframes ul / ol / li pre table / tbody / thead / tr / th /td Inline Level 요소a abbr br button font i iframe img input label q select san strike strong sub textarea u 치환요소(Inline Level 요소)img input object select textarea HTML문서에 CSS 적용 방법 ★(1) HTML문서에 의존한다. 특정 HTML에서만 유효...
드롭다운 기본형식 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