CS Study/HTML (4) 썸네일형 리스트형 6. 동적 변화 만들기 1. 애니메이션(@keyframes animation) 기능 꽝! 꽝! 글자가 3초동안 500%에서 시작하여 100%로 바뀌는 애니메이션입니다. 무한 반복합니다. 2. font-size 전환(transition) font-size에 대한 전환 꽝!글자에 마우스를 올려보세요. 3. 다양한 변환(transform) 다양한 Transform 아래는 회전(rotate), 기울임(skew), 이동(translate), 확대/축소(scale)가 적용된 사례이다. 또한 마우스를 올리면 추가적 변환이 일어난다. rotate(20deg) skew(0,-20deg) translateY(100px) scale(3,1) 4. CSS 고급 활용 설문지 소프트웨어 기술에 대한 의견을 듣습니다. 많은 참여 부탁드립니다. 학년 1학.. 4. 웹 폼 1. 사용자 ID / 비밀번호 입력받기 - , 로그인 폼 사용자 ID : 비밀 번호 : 2. 자기소개서 작성 - , 자기소개서 이름: 암호: 자기소개서: 3. 데이터 목록을 가진 텍스트 - , 가보고 싶은 곳 나라: 보고싶은 곳 4. 버튼 만들기 - 버튼을 만들자 검색 : Q1Q2 submit 버튼 : 전송1전송2 reset 버튼 : 리셋1리셋2 이미지 버튼 : 5. 체크박스 만들기 - 먹고 싶은 것 모두 체크하세요 짜장면 짬뽕 탕수육 6. 라디오 버튼 만들기 - 먹고 싶은 것 하나만 선택? 짜장면 짬뽕 탕수육 7. 콤보박스 만들기 - , 오늘 점심은? 짜장면 짬뽕 탕수육 8. 로그인 폼 만들기 - 라벨 태그로 로그인 폼 만들기 사용자 ID : 비밀 번호 : 완료 9. 색 입력 받기 - 컬러다이얼로그로 .. 3. 시맨틱 태그 1. 모짜르트 위키 페이지 만들기 figure 태그 활용 alert()함수 활용 fuction f() {alert("경고합니다");} 실행결과 3. details / summary 태그 details와 summary 태그 Q&A리스트 Question 1 웹 개발자가 알아야 하는 언어 3가지? Answer 1 HTML5, CSS, JAVASCRIP 4. 인라인 시맨틱 태그 인라인 시맨틱 태그 사례 내일 HTML5 시험 시간은 09:00 난이도0.8 자료 업로딩(20%) 1. HTML 태그 1. 페이지에 타이틀 달기 페이지에 타이틀을 다는 예제입니다. 타이틀은 브라우저의 타이틀바에 보여집니다. 2. 문단 제목 달기 1장 홈페이지 만들기 1절 HTML 언어 1. 웹 1.1 인터넷 1.1.1 네트워크 1.1.1.1. 통신 3. 툴팁 달기 1장 홈페이지 1절 HTML 언어 4. 단락 나누기 2개의 단락 나누기 HTML 문서도 본문을 여러 단락으로 나눌 수 있다. CSS 스타일을 사용하면 단락 단위로 내여쓰기와 들여쓰기가 가능하다 여러개의 빈칸은 하나로 취급되며, 엔터키 역시 하나의 빈 칸으로 처리된다. 5. 수평선 긋기 - hr태그 수평선 긋기 hr 태그는 horizontal에서 딴 글자입니다. 종료 태그는 를 사용하지 않습니다. 6. 새로운 줄 넘어가기 - br태그 새로운 줄 넘어가기.. 이전 1 다음