AND_END

[CSS 테두리 스타일] border-style 속성은 표시할 테두리의 종류를 지정합니다 . dotted- 점선 테두리를 정의합니다. dashed- 점선 테두리를 정의합니다. solid- 단색 테두리를 정의합니다. double- 이중 테두리 정의 groove- 3D 홈 테두리를 정의합니다. 효과는 테두리 색상 값에 따라 다릅니다. ridge- 3D 융기된 테두리를 정의합니다. 효과는 테두리 색상 값에 따라 다릅니다. inset- 3D 삽입 테두리를 정의합니다. 효과는 테두리 색상 값에 따라 다릅니다. outset- 3D 아웃셋 테두리를 정의합니다. 효과는 테두리 색상 값에 따라 다릅니다. none- 경계를 정의하지 않음 hidden- 숨겨진 테두리를 정의합니다. 코드 A dotted border. A d..

* CSS 스타일 시트 * CSS를 삽입하는 3가지 방법 - 외부 스타일 시트- 내부 스타일 시트- 인라인 스타일 * 외부 스타일 시트 *: 외부 스타일 시트를 사용하면 하나의 파일만 변경하여 전체 웹 사이트의 모양을 변경할 수 있습니다. 각 페이지는 요소 안에 외부 스타일 시트 파일에 대한 참조를 포함해야 합니다. 요소는 섹션 안에 있습니다. 외부 스타일 시트는 텍스트 편집기로 작성할 수 있습니다. 파일에 html 태그가 없어야 합니다. 스타일 시트 파일은 .css 확장자로 저장해야 합니다. * 내부 스타일 시트 *: 한 페이지에 고유 스타일이 있는 경우 내부 스타일 시트가 사용될 수 있습니다. 내부 스타일은 요소 내에서 HTML 페이지의 섹션 내에 정의됩니다. body { background-colo..

* HTML 블록 및 인라인 요소 * * 블록 Element *: 항상 새 줄에서 시작하여 사용할 수 있는 전체 너비를 사용합니다. EX) Hello World The DIV element is a block element, and will start on a new line. 실행 결과 - HTML 블록 요소 : - * 인라인 요소 *: 인라인 요소는 새 줄에서 시작하지 않고 필요한 만큼만 너비를 차지합니다. EX) Hello World The DIV element is a block element, and will start on a new line. 실행 결과 - HTML 인라인 요소 : * 요소 *: 요소는 종종 다른 HTML 요소에 대한 컨테이너로 사용됩니다. 요소에 속성이 필요 없지만, sty..

* HTML 목록 (List) * * 순서가 정해져 있지 않은 목록: 태그로 시작하고, 각 목록의 항목은 태그를 사용합니다. 목록 항목은 기본적으로 글 머리 기호 (작은 검은 색 원)로 표시됩니다. EX) 순서가 정해져 있지 않은 목록 Coffee Tea Milk 실행 결과 - 목록 항목 마커 : disc - Sets the lists item marker to a bullet. circle - Sets the llists item marker to a circle. square - Sets the lists item marker to a square. none - The list items will not be marked. 1. disk Coffee Tea Milk 실행 결과 2. circle Cof..

-HTML 표제 표제는 ~ 태그로 정의됩니다. 글자의 크기가 가장 크고, 숫자가 커질수록 글자의 크기가 작아집니다. Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6실행결과 ↓ 각 HTML 표제는 기본 크기를 가집니다. 그러나 style CSS font-size 속성을 사용하여 모든 제목의 크기를 지정할 수 있습니다.EX) Heading 1 태그 HTML 페이지에서 내용을 분리하거나 변경을 정의하는 데 사용되고, 수평선으로 표시됩니다. This is heading 1 This is some text. This is heading 2 This is some other text. 실행결과 ↓ -HTML 단락 요소는 단락을 정의합니다. 첫 번째 단락 두..

2. HTML 편집기 HTML의 코딩 환경 준비 코딩을 하기 위해서는 에디터(Editor)라는 프로그램이 필요합니다. 각자의 운영체제에는 이미 에디터가 준비되어 있습니다.-윈도우 : 메모장-맥 : 텍스트 편집기-리눅스 : gedit, nano, vim 각각의 운영체제가 있지만 윈도우에 대해서 하도록 하겠습니다. *우선, 가장 기본적인 방법으로 메모장을 엽니다.메모장안에 html 코드를 입력 후 '제목.html' 로 저장을 해줍니다. EX) My First Heading My first paragraph. 이렇게 메모장에 입력 후 저장을 합니다. 저장 된 파일을 마우스 오른 쪽 버튼을 클릭 후 "연결 프로그램"을 선택 후 원하는 웹 브라우저를 선택합니다.그러면, 원하는 웹 브라우저에서 아래와 같은 결과가 ..

1. HTML HTML 이란, 웹 페이지를 만들기 위한 표준 마크 업 언어입니다. 웹 브라우저에서 HTML 문서를 읽고 표시 할 수 있습니다. - HTML의 기본 태그 및 구조- -html 태그- : ... HTML의 태그는 로 묶어 줍니다. 첫번째 태그는 시작 태그이고, 두번째 태그는 안에 슬래시(/)가 삽입 되어있는 종료 태그입니다. -기본적인 태그들- : html5가 될 문서를 정의합니다. : html 페이지의 루트 요소입니다. : 문서에 대한 메타 정보를 포함합니다. : 눈에 보이는 페이지의 내용을 포함합니다. : 큰 제목을 정의합니다. : 문단을 정의합니다. - 선언- : 문서 유형을 나타내며 브라우저가 웹 페이지를 올바르게 표시 할 수 있게 도와줍니다. 대소문자를 구분하지 않습니다. -구조- ..