multiking

1.배경 다루기 background-color (컬러) background-image (이미지) background-repeat (반복) background-attachment (첨부) background-position (위치) Background (약식 속성 )

1.box model 이해 레이아웃 박스모델이해 box model 이해 margin:바깥여백 border : 경계선 padding : 안쪽여백 contents 2.너비와 높이 3.경계선 다루기 기본 테두리 분리 디자인 모서리가 둥근 스타일 보드스타일을 이용한 디자인 .box01 {width:300px;padding:10px;margin:20px;border:5px solid gray;} .box02 {width:300px;border-bottom:2px solid red;} .box03 {border:1px solid gray;border-radius: 15px;padding:10px;} .box04 {padding:10px;margin:10px;border-left:5px solid #0000ff;ba..

1.텍스트 스타일 텍스트 정렬 및 텍스트 방향 Using text-decoration: none A link with no underline: W3Schools.com

1.CSS를 삽입하는 세 가지 방법 2. 외부 CSS §외부 스타일 시트를 사용하면 파일 하나만 변경하여 전체 웹 사이트의 모양을 변경할 수 있습니다! §각 HTML 페이지는 헤드 섹션 내부의 요소 내부에 외부 스타일 시트 파일에 대한 참조를 포함해야 합니다. importance 연습 문단 1 문단 2 CSS3를 HTML5에 적용하는 방법은 크게 3가지가 있다 인라인(inline) 스타일 시트 : HTML문서 내의 각 Tag 요소에 직접 스타일 시트를 정의한다. 내부(internal) 스타일 시트 : HTML문서의 부분에 스타일 시트를 정의한다. 외부(external) 스타일 시트 : 시타일 시트를 별도의 파일(확장자 .css)로 저장하여 다른 HTML문서에서도 같은 스타일 시트를 사용할 수 있도록 합니..

1.CSS란 무엇인가? •CSS는 Cascading Style Sheets의 약자입니다. •CSS는 HTML 요소가 화면, 종이 또는 기타 미디어에 표시되는 방식을 설명합니다. •CSS는 많은 작업을 절약합니다. 한 번에 여러 웹 페이지의 레이아웃을 제어할 수 있습니다. 외부 스타일시트는 CSS 파일에 저장됩니다. 2. CSS 구문 •CSS3 규칙은 선택자와 선언 블록으로 구성된다. •선택자는 스타일을 입힐 특정 HTML Tag를 지정한다. •선언은 CSS 속성명과 속성값으로 구성됩니다, 이들은 콜론으로 구분한다. •선언은 세미콜론으로 마무리하며 중괄호로 감싸준다. 3. CSS 선택자 3. CSS 선택자 - HTML 요소 선택자. 스타일 종류 1 문단입니다 2 문단입니다 3. CSS 선택자 - CSS I..

HTML FORM HTML 양식은 사용자 입력을 수집하는 데 사용됩니다. 사용자 입력은 처리를 위해 가장 자주 서버로 전송됩니다. HTML Forms First name: Last name: If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php". 요소 HTML 요소는 사용자 입력을 위한 HTML 양식을 만드는 데 사용됩니다. 요소는 텍스트 필드, 체크박스, 라디오 버튼, 제출 버튼 등과 같은 다양한 유형의 입력 요소를 위한 컨테이너입니다 . . form elements . action 속성 : 입력 데이터를 처리할 페이지 URL. method 속성 : 입력 데이터를 서버에 전달할 방식을..

HTML Semantic HTML5에서는 웹 페이지의 레이아웃만을 위한 별도의 새로운 의미론적 Tag들을 제공합니다. 시맨틱 요소란? 의미론적 요소는 브라우저와 개발자 모두에게 의미를 명확하게 설명합니다. HTML의 시맨틱 요소 많은 웹 사이트에는 탐색, 머리글 및 바닥글을 나타내는 와 같은 HTML 코드가 포함되어 있습니다. HTML에는 웹 페이지의 다른 부분을 정의하는데 사용할 수 있는 몇 가지 의미론적 요소가 있습니다. HTML5에서 추가된 의미(Semantic) Tag CSS Layout Float In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will ..

HTML 블록 및 인라인 요소 모든 HTML 요소에는 요소 유형에 따라 기본 표시 값이 있습니다. 표시 값에는 block과 inline의 두 가지가 있습니다. 블록 (block) 수준 요소 블록 수준 요소는 항상 새 줄에서 시작하고 브라우저는 자동으로 요소 앞뒤에 약간의 공백(여백)을 추가합니다. 블록 수준 요소는 항상 사용 가능한 전체 너비를 차지합니다(가능한 한 왼쪽과 오른쪽으로 늘어남). 일반적으로 사용되는 두 가지 블록 요소는 및 입니다. 요소는 HTML 문서의 단락을 정의합니다 . HTML 문서에서 구분 또는 섹션을 정의합니다. Tag 블록(block) 형태의 속성을 가진 가장 대표적인 Tag로서 다른 HTML Tag들을 하나로 묶는 데 자주 사용합니다 하나로 묶인 다른 HTML Tag에 CSS..

HTML 멀티미디어 HTML5 이전까지는 각 웹 브라우저마다 멀티미디어 파일을 지원하는데 각자 다른 방식의 플러그인으로 처리했었습니다. 하지만 HTML5 에서는 외부 플러그인의 도움없이도 멀티미디어 파일을 간단히 사용할 수 있습니다 html5에서 재생 가능한 오디오 타입 mp3 audio/mpeg mp3로 인코딩된 오디오 파일 Moving Picture Experts Group에 의해 개발되었으며, MPEG-1의 오디오 규격으로 개발된 손실 압축 파일 형식입니다. wav audio/wav wave 형식으로 인코딩된 오디오 파일 IBM과 Microsoft에 의해 개발되었으며, 개인용 PC에서 오디오를 재생하기 위한 IBM과 Microsoft의 표준 오디오 파일 형식입니다. ogg audio/ogg vorb..