문서 연결하기 문서 연결하기(1) Hyper Link 사용법을 이해한다. HTML 내부 문서,외부문서를 링크하는 방법을 익힌다.` E-mail 링크하는 방법을 직접 사용해 본다. 하이퍼링크란 윈도우의 도움말 같은 형태로 문서안에 특정 문자열이나 이미지를 마우스로 클릭했을 때, 관련 된 다른 문서를 연결해 주는 것을 말 합니다. 하이.. IT_Programming/HTML&CSS 2006.04.24
BODY 태그의 활용 BODY는 문서의 실제적인 내용을 담고 있는 부분으로 브라우저에서 보이는 모든 내용을 말합니다. <BODY>...</BODY> 태그 안에서 지정된 속성은 문서 전체에 영향을 미칩니다. <BODY>...</BODY> 태그 - 기능 : 본문 내용을 담고 있는 부분 - 속성 : BACKGROUND="그림파일", BGCOLOR="#색상", TEXT="#색상", LINK=.. IT_Programming/HTML&CSS 2006.04.24
기본태그 요약정리 기본태그 요약정리 기본적인 태그의 사용법을 이해한다. 서식, 글꼴, 목록 관련 태그 사용하는 방법을 익힌다. 다양한 태그를 살펴보고, 직접 사용해 본다. 지난강좌에서는 여러 가지 글자 모양을 지정하는 태그들을 공부했습니다. 그러면, 이번강좌에서는 기본태그들을 요약정리를 해 보도록 하지요. .. IT_Programming/HTML&CSS 2006.04.24
글꼴 사용하기 1 글꼴 지정하기 윈도우 [제어판]에 [글꼴]을 더블클릭하면 자신의 PC에 설치 되어 있는 글꼴들을 볼 수가 있지요. 이 글꼴을 모두 사용할 수 가 있습니다만, 내 홈페이지를 방문한 사용자의 컴퓨터에 여기 지정된 글꼴이 설치되어 있지 않다면 기본 글꼴로 표시됩니다. 그래서, 보통 특수한 글꼴이 필요.. IT_Programming/HTML&CSS 2006.04.24
HTML 문서의 기본구조 1. HTML 문서의 기본구조 알기 HTML 문서의 기본 구조는 머리글(Heading)과 본문(Body)으로 나누어 집니다. 머리글은 문서의 제목(Title)을 적고 본문은 문장의 실제 내용들이 들어가게 되는 것이지요. 그러면, 기본 형태를 한번 보실까요? : 본문 내용 : HTML 문서의 시작 HTML 문서의 헤더 시작 HTML 문서의 제목 작.. IT_Programming/HTML&CSS 2006.04.24
HTML 이란? ▒ HTML이란? HTML(Hyper Text Markup Language)이란 WWW에서 볼 수 있는 문서를 만들기 위한 일종의 표준 언어입니다. 일반적인 텍스트로 되어 있으며 태그(Tag)를 통해 웹브라우저로 보이는 모양을 나타냅니다. 파일 확장자는 .html 또는 .htm입니다. ▒ HTML의 특징 1. HTML은 웹문서의 표준 포맷 입니다. 2. HTML 문서는 M.. IT_Programming/HTML&CSS 2006.04.24
innerHTML, outerHTML, insertAdjacentHTML 지난 시간에 innerText, innerHTML, outerText, outerHTML에 대한 간략한 특징들에 대해 살펴보았다. 이번 시간엔 각 속성의 세부적인 특성에 대해 살펴보기로 하자. innerText innerText는 innerText 속성을 지원하는 객체의 시작 태그와 종료 태그 사이에 있는 텍스트를 설정하거나 가지고 올 수가 있다. HTML, TABLE, TBODY, TFO.. IT_Programming/HTML&CSS 2006.04.24
innerHTML, outerHTML innerText, innerHTML 제목을 다이나믹하게 바꾸는 코드는 document.all.ptitle.innerText에 새로운 내용을 대입함으로서 실제 화면상의 내용도 바뀐 것으로, H1 항목을 ptitle이라는 이름으로 지정하고, 스크립트에서는 ptitle의 innerText 즉, 안쪽의 텍스트를 다른 것으로 지정함으로서 그 내용을 바꾸었다. innerText는 태.. IT_Programming/HTML&CSS 2006.04.24