본문 바로가기

프로그래밍/HTML, CSS, JavaScript63

HTML 링크(연결) 태그 HTML 링크(연결) 태그 링크 태그는 같은 시스템 내에서 파일(문서)을 연결 할 경우 또는 URL을 통하여 타 사이트(문서)간에 연결을 위한 경우에 사용되는 태그 입니다. 같은 시스템 내에서 파일(문서)을 연결 ■ 사용법 링크문구 ■ 경로(Path) - 상대경로 : 자신이 위치한 디렉토리를 기준으로 합니다. ex> 링크문구 또는 - 절대경로 : 최상위 디렉토리로 부터 위치를 지정 합니다. ex> 링크문구 ※ 상위 경로(폴더) 위치로 이동하기 ☞ ex> ../경로 URL을 통한 문서간의 연결 ■ 사용법 링크문구 ■ 예제 ERunJoy 주소(연락처) 지정 태그 ■ 사용법 주소(연락처)정보 메일쓰기 ※ mailto: 메일 주소 링크 ■ 예제 메일쓰기 - 결과 : 메일쓰기 2017. 12. 11.
HTML 이동 태그 HTML 문서 내에서 특정 위치로 이동하기 HTML 문서 내에서 특정 위치로 이동할 경우 사용하는 태그 입니다. HTML 문서가 매우 길 경우 사용하게 되는 이동 태그 ■ 사용법 ~ : 문서 내에서의 링크를 설정합니다. ~ : 문서 내의 이동할 곳의 위치를 지정합니다. ■ 예제 - 코딩 이동 부분으로 이동 이곳은 이동 부분이다. - 결과 이동 부분으로 이동 이곳은 이동 부분이다. 간단하게 HTML 문서 내에서 이동하는 태그에 대하여 알아 보았습니다. 2017. 12. 10.
HTML 목록 태그 HTML 목록 태그 이번 시간에는 목록 태그에 대하여 알아 봅시다 태그 - 번호가 없는 리스트(Unordered List) ■ 기본 태그 : 번호가 없는 리스트(Unordered List) : 리스트 항목 ■ 사용법 리스트 항목 ■ 예제 - 태그 대항목 중항목 소항목1 소항목2 - 결과 대항목 중항목 소항목1 소항목2 태그 : 번호가 있는 리스트(Ordered List) ■ 기본 태그 : 번호가 있는 리스트(Ordered List) : 리스트 항목 ■ 사용법 리스트 항목 ■ 예제 - 태그 대항목 중항목 소항목1 소항목2 - 결과 대항목 중항목 소항목1 소항목2 태그 : 메뉴 리스트 ■ 기본 태그 : 메뉴 리스트 : 리스트 항목 ■ 사용법 리스트 항목 ■ 예제 - 태그 대항목 중항목 소항목1 소항목2 - .. 2017. 12. 8.
HTML 단락 서식 태그 HTML 단락 서식 태그 HTML 태그 중 단락 서식 태그들에 대하여 알아 보도록 하겠습니다. 줄바꿈 태그 / 단락 태그 태그 : Line Break 라는 의미 입니다. 태그 : 문단을 나누기 위한 태그 입니다. ※ 와 태그의 차이 - 태그는 줄바꿈 + 한 줄의 공백 으로 태그를 두 번 사용한 결과 와 동일 합니다. - 은 사용 수만큼 줄바꿈이 일어 나지만, 태그는 복수로 사용하여도 한 번 사용한 결과와 동일 합니다. 괘선 태그 - 속성 : SIZE(수평선의 두께), WIDTH(수평선의 길이), ALIGN(수평선의 위치), NOSHADE(입체감과 음영의 효과를 제거 즉, 보통 선으로 표현) 예제> : 보통 두께 1 : 수평선 두께 5 : 길이 200 픽셀 길이 50% : 수평선 위치를 왼쪽으로 : 입체감.. 2017. 12. 7.

티스토리툴바