CSS Backgrounds body { background-color: lightblue; } - 배경 효과를 추가하기 위해 사용 background-color background-image background-repeat background-attachment background-position background(shorthand property) - CSS에서 색상은 HEX 값과 RGB 값으로 지정한다. HTML 요소마다 배경색 설정 h1 { background-color: green; } div { background-color: lightblue; } p { background-color: yellow; } 투명도 속성 opcacity은 불투명도/투명도를 지정하며 0.0 ~ 1.0 사이의 값을..

CSS란 - Cascading Style Sheets의 약어 - HTML 문서의 스타일을 지정할 때 사용하는 언어 - CSS는 HTML 요소가 화면 또는 미디어에 표시되는 방법을 설명함 - CSS을 사용하면 여러 웹페이지의 레이아웃을 한번에 제어할 수 있어 많은 작업을 줄여준다. - 외부 스타일시트는 .css 파일로 저장 CSS 기본 실습 - basic01.html Hello world! CSS3 스타일을 학습하자. basic01.html 실습 결과 HTML 삽입 미리보기할 수 없는 소스 CSS 기본 실습 - basic02.html ID 선택자 hello world 웹 개발과정... basic02.html 실습 결과 HTML 삽입 미리보기할 수 없는 소스 CSS 기본 실습 - basic03.html cl..

Form 태그 실습 코드 (전화번호 입력) - form_tel.html Telephone Field The input type="tel" is used for input fields that should contain a telephone number: Enter a phone number: Format: 123-45-678 HTML 삽입 미리보기할 수 없는 소스 Form 태그 실습 코드 (간단한 회원정보 실습) - form01.html Password field The input type="password" defines a password field: Username: Password: The characters in a password field are masked (shown as asterisk..

HTML Form - 사용자 입력을 수집하기 위해 사용. - 사용자 입력은 대부분 처리를 위해 서버로 전송 - Form에는 텍스트 필드, 체크박스, 라디오 버튼, 제출 버튼 등과 같은 다양한 유형의 입력 요소에 대한 컨테이너이다. input 요소 유형 설명 텍스트 입력 필드를 표시합니다. 라디오 버튼을 표시합니다. (여러 선택 항목 중 하나 선택) 확인란을 표시합니다. (여러 선택 사항 중 0개 이상 선택) 제출 버튼을 표시합니다(양식 제출용). 클릭 가능한 버튼을 표시합니다. input 태그 type 속성들을 알기 위한 실습 - inputs.html input 태그 type 속성들 동의 남자 HTML 삽입 미리보기할 수 없는 소스 실습 코드 - form01.html 아이디 비밀번호 HTML 삽입 미리보..

태그 - 테이블을 사용하면 웹 개발자가 데이터를 행과 열로 정렬할 수 있다. 테이블 예시 - 출처 : W3CSchool Tables - 테이블 행 - 각 테이블 행은 태그로 정의된다. 테이블 셀 - 각 테이블 셀은 태그로 정의된다. 태그 예시 실습 코드 - table1.html 표예제 회사 담당자 국가 오라클 홍길동 USA 구글 이순신 UK 마이크로소프트 강감찬 KOREA