AND_END

* HTML 테이블 : HTML 에서 테이블은 태그를 사용하여 만들 수 있습니다. 각 테이블의 행은 태그를 사용합니다. 테이블의 헤더 부분은 로 정의됩니다. 셀은 태그로 정의됩니다. 그럼 예제를 살펴보도록 합시다. - 기본적인 표는 테두리가 없이 정의됩니다. 이름 전화번호 나이 이** 010- 20 김** 010- 30 박** 010- 40 실행 결과 - 표에 테두리를 추가하는 예제 table, th, td { border: 1px solid black; } 이름 전화번호 나이 이** 010- 20 김** 010- 30 박** 010- 40 실행 결과 table, th, td { border: 1px solid black; border-collapse: collapse; } border-collapse:..

- HTML 이미지 구문: HTML에서는 이미지가 태그로 정의됩니다. 태그는 닫는 태그가 없습니다. src 속성은 이미지의 URL(웹 주소)를 지정합니다. - alt 속성: alt 속성은 어떤 이유로 사용자가 볼 수 없는 경우에 속성은 이미지에 대한 대체 텍스트를 제공한다. alt 속성의 값은 이미지를 설명한다. 실행 결과 또한,브라우저에서 이미지를 찾을 수 없다면 alt 속성 값이 표시됩니다. If a browser cannot find the image, it will display the alternate text: 실행 결과 - 이미지 크기 (너비와 높이): style 속성을 사용하여 이미지의 너비와 높이를 지정할 수 있습니다. EX 1) EX 2) --> width 및 height 속성은 픽셀 ..

: HTML의 하이퍼 링크를 클릭하면 다른 문서로 이동을 할 수 있습니다. - HTML에서 링크는 태그로 정의됩니다. EX) HTML LinksROMANTIC 실행 결과 - 지역 링크: 위에 예제에서는 절대URL(웹 주소)를 사용했습니다. 지역 링크는 상대URL로 지정됩니다. EX) HTML LinksHTML LinkRomantic 실행 결과 - HTML 링크 색상기본적으로 링크는 다음과 같이 표시됩니다. ● 방문하지 않은 링크에는 밑줄이 그어져 파란색으로 표시됩니다. ● 방문한 링크에 밑줄이 그어지고 자주색입니다. ● 활성 링크에는 밑줄이 그러지고 빨간색으로 표시됩니다. --> CSS를 사용하여 기본 색상을 변경할 수 있습니다. EX) a:link { color: green; background-col..

CSS로 HTML 스타일 지정하기 CSS의 의미 : CSS는 HTML 요소가 화면, 종이 또는 다른 미디어에 표시되는 방법을 설명합니다. CSS는 다음 세 가지 방법으로 HTML요소에 추가 할 수 있습니다.- 인라인 : HTML 요소의 style 속성을 사용한다.- 내부 : 섹션의 요소를 사용한다.- 외부 : 외부 CSS 파일 사용 *인라인 CSS *: 인라인 CSS는 다일 HTML 요소에 고유한 스타일을 적용하는 데 사용됩니다. 인라인 CSS는 HTML 요소의 style 속성을 사용합니다. EX) This is a Blue Heading 실행 결과 * 내부 CSS *: 내부 CSS는 단일 HTML 페이지의 스타일은 정의하는 데 사용됩니다. 내부 CSS는 요소 내의 HTML 페이지 섹션에 정의됩니다 . ..

HTML 색상: HTML 색상은 미리 정의 된 색상 이름 또는 RGB, HEX, HSL, RGBA, HSLA 값을 사용하여 지정됩니다. -색상이름 : HTML에서는 색상 이름을 사용하여 색상을 지정할 수 있습니다. HTML은 140개의 표준 색상 이름을 지원합니다. EX) TomotoOrangeDodgerblueMediumSeaGreenGraySlateBlueVioletLightGray 실행결과 -텍스트 색상: 텍스트 색상을 설정할 수 있습니다. EX) Hello World Lorem ipsum... Ut wisi enim... 실행결과 -테두리 색: 테두리 색상을 설정할 수 있습니다. border를 사용하여 정의할 수 있습니다. EX) Hello World Hello World Hello World 실..

6. HTMLHTML 서식 텍스트 서식 지정 ● - 굵은 텍스트● - 중요 텍스트● - 기울임 꼴 텍스트● - 강조된 텍스트● - 표시된 텍스트● - 작은 텍스트● - 삭제 된 텍스트● - 삽입 된 텍스트● - 첨자 텍스트● - 위첨자 텍스트 EX1) This text is boldThis text is italicThis issubscriptandsuperscriptThis text is strongThis text is emphasizedHTML Small FormattingHTML Marked FormattingMy favorite color is blue red.My favorite color is red. 실행 결과 HTML 인용문 - 짧은 인용 문을 위한 HTML 브라우저는 일반적으로 요소 주..

5. HTML style 속성 HTML 요소의 스타일 속성은 style 속성을 사용하여 수행 할 수 있습니다. style 속성의 구문은 다음과 같습니다. HTML 배경색 : background-color 속성은 HTML 요소의 배경 색을 정의합니다. EX) 안녕하세요. 배경색 = powderblue 입니다 실행 결과 HTML 텍스트 색상: color 속성은 HTML 요소의 텍스트 색상을 정의합니다.EX) 텍스트 색상 실행 결과 HTML 글꼴: font-family 속성은 HTML 요소에 사용할 글꼴을 정의합니다. EX) 글꼴: verdana 이 글꼴은 courier 실행 결과 HTML 텍스트 크기: font-size 속성은 HTML 요소의 크기를 정의합니다. EX) 텍스트 크기 300% 텍스트 크기 16..

-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 단락 요소는 단락을 정의합니다. 첫 번째 단락 두..