자기발전소/# html4 HTML & CSS : fieldset inside fieldset , <hr> 출력해야 할 웹페이지 화면: 내가 작성한 코드: 카드 정보 입력 카드 타입 VISA AmEx Mastercard 카드 번호 CRC 번호 카드 소유자 이름 1. inside 일 때 css 스타일을 다르게 적용하기 위해 div로 class를 나누었다. 2. 이중선 가운데 텍스트 넣기 & ::before & ::after 활용하여 구분선 가운데 텍스트(ex. 구매 버튼) 넣기 성공! 2020. 6. 7. HTML & CSS source: fieldset 태그 출력되어야 할 웹페이지 화면 : 내가 작성한 소스코드 : 신상정보 이름 이메일 휴대폰 번호 Visual Studio Code 1. : 여러 개의 control들을 그룹지을 때 활용 이때 태그는 태그의 캡션 역할 2. 새로 배운 것 - padding 값을 통해 그룹 안 여백 크기를 조절 - 태그의 "placeholder" 속성: 해당 타입에서 입력하게 될 내용의 예시를 미리 보여주기 - 태그의 "pattern" 속성: 해당 타입에서 입력받는 값을 어떤 패턴으로 받을 것인지 설정 2020. 6. 7. HTML source : input 출력되어야 할 웹페이지 화면 : 내가 작성한 코드 : HTML 5 요소 데모 화면 이름: 이메일: 웹사이트: 정수: 범위: 메세지: Visual Studio Code 1. input : 사용자로부터 정보 입력받을 때 사용하는 태그 range, number, text, email, submit 등 다양한 type을 사용할 수 있다. 2. 새로 배운 것! - range type에서 " list = tickmarks "속성을 이용하여 눈금을 표시할 수 있다! - autofocous 옵션: 입력창에 자동으로 포커스(깜빡 깜빡 ! 여기에 작성하세요오) 를 적용할 때 사용한다! *포커스를 적용한다: 입력창에 텍스트를 입력하기 위해 마우스를 클릭하여 입력창을 선택 2020. 6. 7. Materials for HTML & CSS: MDN & Color Tool https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML elements reference This page lists all the HTML elements, which are created using tags. developer.mozilla.org MDN web docs : html css등 다양한 요소와 속성 검색 https://material.io/resources/color/#!/?view.left=0&view.right=0 Color Tool - Material Design Create and share color palettes for your UI, and measure the accessibility of any color comb.. 2020. 4. 28. 이전 1 다음
