{ "Hello World!" };/HTML／CSS 6

css 속성을 활용하여 html 요소에 style을 적용 할 수 있다. ​ ​속성 font - 글꼴(텍스트 요소) 종류,크기,굵기,스타일 등 지정 font-family : 글꼴 종류(사용자 컴퓨터에 설치된 폰트 기준으로 설정 가능, 웹폰트 활용) font-size : 글꼴크기 font-weight : 폰트 굵기 font-style: 폰트 스타일 ​ ​ text - 텍스트 요소 표현 옵션 text-align : 텍스트 요소 정렬(적용된 하위 인라인 요소의 정렬을 지정 할 수 있다.) text-decoration : 텍스트 표기 옵션 ​ ​ color - 텍스트 요소 색상(웹색상표, rgb, rgba로 표기 가능) ex) color: #ff000; or color: rgb(255,0,0); ​ border ..

선택자 종류 1. 태그명 - 선택자에 명시된 태그명과 일치하는 모든 요소를 선택 구문 태그명{css속성: 값;} 예 input{color: blue;} ​ 2. 아이디(id) - 선택자에 명시된 아이디명과 html요소의 아이디 속성의 값과 일치하는 요소 선택 - html 요소의 아이디 속성값은 유일값을 가져야 한다. - 모든 html 요소는 id 속성을 가질 수 있다. 구문 #아이디명{css속성:값;} 예 #my-div{color:blue;} ​ 3. 클래스(class) - 선택자에 명시된 클래스명과 html 요소의 클래스 값이 같은 모든 대상을 선택 - html 요소의 클래스 속성에 여러개의 클래스값 지정 가능 - 클래스는 html 요소들을 그룹핑할 때 쓰인다. - 모든 html요소는 클래스 속성을 가..

- html 구조, css 외형, javascript 동작 담당 - cascading Style Sheets - 크기, 정렬, 색상, 배치 등을 적용한다. - 구문: css속성 : 값; ​ ​ 1. html 요소의 style 속성에 적용 한국스마트정보교육원 2. style 태그 내에 선택자 활용 적용 한국스마트정보교육원 3. css 외부파일 로드 //html파일 한국스마트정보교육원 //main.css라는 외부파일 @charset "UTF-8"; div { color: red; font-size: 20px; }

form 요소 - 사용자에게 데이터를 입력 받기 위한 요소(입력양식) - 서버에 데이터를 전달 하기 위한 요소 - Html은 화면만 보여주는 언어, 데이터 처리하기 위해서는 서버 언어가 필요함=> jsp,php,asp 등 - button 태그 쓸 때 type 속성에 submit주기 - form태그들은 인라인(inline) 요소이다. 공통속성 - name : 서버에 전송될 데이터의 명칭 (=key) - value : 서버에 전송될 데이터 > 생략할 수 있지만 기본값 지정할때 사용함 (name의 속성의 값으로 value의 속성값이 전달된다) - readonly : 사용자가 입력/선택 못하게 막음, 서버에 데이터 전달가능(자바스크립트로 값을 입력하거나, 기본값을 지정) - disable : 사용자가 입력/선택..

블럭요소(block) - 직사각형 형태를 가지고 있다. - 높이와 넓이 설정이 가능하다. - 기본적으로 부모태그(상위) 가로크기를 상속받는다. - 블럭요소와 인라인요소를 포함 시킬 수 있다. - 안쪽 여백(padding)과 바깥 여백(margin) 설정이 가능하다. - 주로 레이아웃 구성할 때 쓰인다. ​ 시멘틱 태그는 html5에서부터 쓸 수 있음 > 그 아래 버전에선 못씀 블럭요소 테이블 테이블 병합 - 행병합 , 열병합 인라인 요소(inline) - 자동 줄바꿈이 없다. - 높이와 넓이를 가질 수 없다. - 인라인 요소에 인라인 요소 포함할 수 있지만 인라인 요소에 블럭요소는 포함 시킬 수 없다. - 블럭요소에서 사용된다. - 클릭되는 a태그와 button태그는 css를 접목해서 같은 스타일도 입힐..

UI =사용자에게 컴퓨터를 편리하게 사용할 수 있는 환경을 제공하는 설계 내용 UX = 사용자 제어가 가능 인터페이스, 편리한 상호작용, 사용자의 원할한 사용성, 일관성 높은 인터페이스 GUI >보통 우리가 이용하는 모든 os gui가아니면 프롬프트에 작성해서 프로그램을 열어야함 HTML 기본 구조 -하위에 있으면 요소 : 태그 -태그가 가지고 있는 정보 = 속성 절대경로 - 변하지 않는 경로 상대경로 - 기준점에 따라 변하는 경로 - ./ : 현재 경로(기준점 위치) - ../ : 현재 위치에서 상위 경로 - 처음 경로에 '/'가 없을 경우 : 현재 경로(기준점 위치)