본문 바로가기

All78

0226_html5/css3_border-radius css3는 ie9부터 적용됨 css코드는 제이쿼리, 스크립트에서도 적용 가능 [border-radius] box1 box2 box3 box4 2020. 2. 26.
0226_html5_ruby, datalist, form요소들, 의미가 변경된 태그들 [ruby] 잘 쓰지는 않음, 예: 한글 이름 위에 작게 한자 이름, 모든 브라우저에서 지원됨 차승미車承美 [datalist] datalist는 ie10부터 지원, 앱을 할땐 갠쥰 [form] -추가된 form요소만 확인하겠오용, -form요소들은 ie지원 안되는 태그들이 많오용, 그러니 모바일 에서 사용할 땐 괜찮음 -검색창: 을 만들 때, ie10부터 지원: input type=text와 화면상으로 보여지는 것은 같음 -전화번호: ::only사파리 브라우저만 지원 -홈페이지: ::홈페이지 주소를 넣을때 사용, ie10부터 지원, value에 넣은 값이 입력창에 표시됨 -이메일: ::ie10부터 지원 -희망수강 '월'까지 노출: ::ie12부터 지원, 파이어폭스/사파리 지원 안됨 -희망수강 '일'까지 .. 2020. 2. 26.
0226_html5 _video/audie video audio [video/audio] 1)video 사용중인 브라우저에서는 재생할 수 없습니다. 파일을 다운로드 하세요p> 사용중인 브라우저에서는 재생할 수 없습니다. 파일을 다운로드 하세요p> 2)audio 사용중인 브라우저에서는 재생할 수 없습니다. 파일을 다운로드 하세요 네이버 카페 수업자료 > html5&css3 에서 mp4파일입니다. mp3파일 다운 2020. 2. 26.
0225_html5_개념 HTML 5 >div에 의미를 부여해서 분류 함 CSS3 >css3는 ie9부터 적용됨 header, footer div를 header, footer로 구분, 여러번 사용 가능 section/article/time time: 남들은 안씀 article: 하나만으로 ㅋ 컨텐츠가 될 수 있는 것 -ex: 낱개의 댓글 nav gnb, lnb에 사용 aside 메인 컨텐츠와 관련성이 적은 것들 예)메인 컨텐츠와 관련성이 적은 기사, 보충기사, 사이트바, 광고 기사 쓴 사람의 연락처: address(html4에서는 p로 하던것) - html4에서 하단 address로 처리하던 것을 그냥 p태그로 처리함 책은 일본, 외국 잘씀(한국 잘 못씀) [header/footer] 1)header 페이지나 섹션의 머릿말(로고.. 2020. 2. 25.
0224_html4/css_예제7_index.css 위에 하나 > 가로방향으로 다시 3덩어리 div 1)첫번째 덩어리 img 2)두번째 덩어리 안에서 위,아래 div - 위 덩어리 태그: ul, li 뉴스 공지 사항은 h3에 ul li - 아래 덩어리 h3, ul,li (탭 해서 나오는 것은, 스크립트에서 하는 것) 3)세번재 덩어리 안에서 위,아래 div -위 덩어리 방향키 버튼 : ul, il , a /or/ div, a img 행사 이벤트:h3 주의: html은 어떻게 처리해도 관계없으나 css에서는 슬라이드 되는 방식 고려해서 짜야됨 스크립트가 어떻게 구현하느냐에 따라 css도 바뀔 수도 있음 -아래 덩어리 h3, buttom or input type=image 아래 하나 제목 h3 dl dt dd: 이유는? 링크 없응게? 2020. 2. 24.
0220_html4/css_예제6_기초_서브메인 화면 HTML 작성 1. 탭키 바로가기 : div a 2. 전체: div 3. 헤드 영역: div class-heade 상단 로고: h1 그 위에 홈|회원가입| 로고 : ul li a 메뉴 h2 ul li a 1차 메뉴 ul li a 2차 메뉴 웹접근성 전문가 소개 이미지 div img: 한국 사람들 보통 h2 or h1:외국 사이즈 로케이션 a : p b: ul li a c: div a 4. 본문 내용 container 4.1.영역: div class=container 4.2내용 묶기: div class=section 4.2.1. 왼쪽 단: div class=lnb h3 ul li a 4개 4.2.2. 오른쪽 내용: div class=contents ul li a table div img 5. 푸터 영.. 2020. 2. 20.
0220_html4/css_예제5_게시판(페이징쪽 오류가 많음)_새로업데이트 ** position을 많이 쓰면 안됨 padding, margin 값이 100 200 이 많다면 코딩이 올바르지 않다는 의미임 2020. 2. 19.
0219_html4/css_예제5_게시판(원래있던거 모르고 삭제함ㅠ) 전체 박스 div 게시판 제목 박스 : div 게시판 제목 : h2 로케이션 로케이션 작업 방법 3가지 1. p ( 2020. 2. 19.
0219_html4/css_예제4_기초실습1 div h3 글자 p 입력칸: lable(접근성 높이기 위해) input form : 정기구독신청 , input type image 글자 p 구독신청 이메일 입력 2020. 2. 19.
0219_html4/css_예제3_기초실습 1(계속)-파일다시업데이트(완료) 1. 이미지 줄이기 2. float 주기 float 해제하는 방법 overflow: hidden display inline-block float cler :after 2020. 2. 19.