ksmart_html_css_js(92)
-
선택자 실습_CSS
아래 2개의 표가 있다. 디자인 요소 적용 항목을 보고 표에 style 적용하라. 디자인 요소: 1 ) 모든 표의 상단은 폰트크기 16px 2 ) 모든 표의 등록일자의 폰트크기 12px 3 ) 공지사항의 타이틀 색상은 빨강 4 ) 자유게시판의 타이틀은 파랑 답_html 공지사항 제목 등록일자 공지사항입니다. 2021-11-26 공지사항입니다. 2021-11-26 공지사항입니다. 2021-11-26 자유게시판 제목 등록일자 제목입니다. 2021-11-26 제목입니다. 2021-11-26 제목입니다. 2021-11-26 답_stylesheet
2021.12.15 -
선택자_CSS
안녕하세요. 한국스마트정보교육원입니다. ksmart.or.kr 목차 1.태그명 2.Id 3.Class 4.속성명_속성명과 속성값 5.상하관계 표현 6.And 조건 7.OR 조건 8.복합활용 예시 - html 요소를 선택자로 선택하여 style을 적용할 수 있다. 태그명 - 선택자에 명시된 태그명과 일치하는 모든 요소를 선택 - 예 ) input { color : blue; } -> 모든 input 태그에 텍스트요소 color blue 로 적용 아이디 - 선택자에 명시된 아이디명과 html 요소의 아이디 속성의 값과 일치하는 요소 선택 - html 요소의 아이디 속성값은 유일값을 가져야 한다. -예 ) #my-div { color : blue; } -> id=" my-div " 라는 속성을 가진 대상에 텍..
2021.12.14 -
CSS 적용 실습_CSS
1.아래의 문구를 제시된 색상이 적용 될 수 있도록 Style 적용 문구 : 한국(빨강)스마트(검정-굵게)정보교육원(파랑,작게) 2.아래의 문구를 제시된 색상이 적용 될 수 있도록 Style 적용 문구 : 안녕하세요. 입니다. ksmart.or.kr (빨강) 한국스마트정보교육원(파랑) 1. 답 한국스마트정보교육원 2. 답 안녕하세요 한국스마트정보교육원입니다. ksmart.or.kr 안녕하세요 한국스마트정보교육원입니다. ksmart.or.kr
2021.12.14 -
CSS 설계 가이드_CSS
CSS란? -html 구조, css 외형, javascript 동작담당 -캐스케이딩 스타일 시트(Cascading Style Sheets, CSS) -크기, 정렬, 색상, 배치 등 적용 적용방법 -구문 : 스타일속성명 : 스타일값; -각 태그들의 style속성에 적용 -ex) style="color:red;" -style 그안에 선택자를 활용해서 적용 ex) input{color:red;} -외부 파일을 읽어들여 적용 한국스마트 정보교육원 Style 태그 내에 선택자 활용 적용 안녕하세요. css 파일 만들기 WebContent 오른쪽마우스클릭 -> New -> Other -> Web -> CSS File ->main.css 생성 퇴근이 코 앞이다. 신난다. 오늘 저녁 뭐 먹지? @charset ..
2021.12.14 -
Form 요소 실습_HTML
아래의 항목을 폼요소로 구성하여 userWriteProcess.jsp페이지에 데이터를 전달하고 그 결과값 출력 항목: 회원명, 회원아이디, 회원패스워드, 회원패스워드확인, 회원이메 일, 회원주소, 회원성별, 회원 관심 교과목(java, html, css, javascript 다중 선택) 답 회원명 회원아이디 회원패스워드 회원패스워드 확인 회원 이메일 회원 주소 성별 남 여 관심 교과목 java html css javascript 전송 답_userWriteProcess.jsp
2021.12.14 -
03Form 태그 요소_Input
Form 요소 · 사용자에게 데이터를 입력받기 위한 태그 · 서버에 데이터를 전달하기 위한 요소 - action 속성 : 양식을 전달 할 경로 - name 속성 : 양식의 명칭 - method 속성 : 양식 전달 방식 (GET, POST 방식) GET 방식 1. 노출되는 웹주소로 요청하는 방식 2. 전달하는 데이터로 주소에 노출 3. 검색 POST 방식 1. 전달되는 데이터는 노출되지 않는다.(BODY 저장) 2. 저장, 수정(프로세스 용도) 실습1 전송 경로 : myData.jsp 전송 될 데이터 : 회원명, 회원 나이, 회원 주소, 회원 아이디 전송 Form 요소 공통속성 name 서버에 전송될 데이터의 명칭 value 서버에 전송될 데이터 readonly 사용자가 입력 및 선택을 못하게 막는 속..
2021.12.14