MyStory

-CSS Border Images border 속성 : width - style - color 순서 width : 테두리의 두께, 단위는 주로 px style : 테두리의 스타일 (실선, 점선, 이중선) color : 테두리의 색상 border -> transparent : 투명을 지정 border-image 의 5가지 속성 border-image-source border-image-slice border-image-width border-image-outset border-image-repeat -CSS Gradients div { background-image: linear-gradient(to bottom right, white, green); } white to red to blue to gree..

-position : static, relative, absolute, fixed position은 레이아웃을 배치하거나 객체를 위치시킬때 사용하는 css이다. top, bottom, left, right의 위치를 설정할 수 있다. static (기본값) :위치를 지정하지 않을 때 사용한다. relative : 위치를 계산할때 static의 원래 위치부터 계산한다. static의 원래 위치부터 계산한다. top: 0px --> static 도형으로부터 위쪽에 0px 만큼 공백 left: 100px --> b도형의 left 값은 static 도형으로부터 100px 떨어진곳에 위치 absolute : 원래 위치와 상관없이 위치를 지정할 수 있다. (부모 element의 영향을 받지 않음) 단, 가장 가까운 ..

-input type의 종류 한줄짜리 text input 여러개의 선택지 중 하나를 선택할 수 있는 버튼 여러개의 선택지 중 multiple 선택 가능한 버튼 또는 zero form을 제출할때 사용하는 버튼을 보여줌 선택할 수 있는 버튼을 보여줌 - Elements : 의 for 특성은 의 id와 동일해야함! : multi-line input field! : 버튼을 클릭하면 팝업창에 메세지를 띄움 and : form을 묶어줌 . tag는 element의 caption ! -HTML Input Types : 다양한 input type이 존재 -HTML Input Attributes : readonly, disabled, size, maxlength, min & max 설정, multiple, pattern..

-HTML 기본 구조 기본적으로 , Content goes here.. -HTML Headings 태그는 부터 까지 있다. 1부터 6 순서로 글자의 크기가 작아진다. 중요도를 나타냄! -HTML Liks 링크는 정의하는 태그는 -HTML Images 태그 사용. alt, width, height는 지정해주자! alt는 이미지가 화면에 보이지 않을 시에 보여지는 대체 텍스트이다. -Style Attribute font 설정하는 방법 test alignment : center, left, right text formatting : bold, icalic, subsript, superscript -Title Attribute : element에 대한 추가적인 정보 -About tag Horizontal Rul..

1. 닷홈 홈페이지 접속 & 회원가입 www.dothome.co.kr/index.php 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 2. 웹호스팅 -> 무료 호스팅 3. 무료 호스팅 신청 -> 정보 입력 4. 오른쪽 상단 마이닷홈 -> 웹/이미지 호스팅 목록 5. 도메인 주소 복사 후 주소창에 붙여넣기 -파일질라로 FTP (File Transfer Protocol)접속하는 방법 -파일질라(FileZilla)란? 이미지나 파일을 웹서버에 올려주는 역할 1. 파일질라 다운받기 (윈도우, 맥OS 구분해서 다운받아주세요.) -윈도우 용 https://filez..