본문 바로가기
스터디/publishing

[HTML] HTML 강좌, 제 6강의 - 구분선 그리기, 하이퍼링크와 책갈피 태그!

by 깝태 2011. 1. 24.
HTML 강의, HTML 강좌, HTMl 태그 강의, HTML 태그 강좌
안녕하세요, 매번 강의를 시작할때마다 인사말이 줄어듭니다.. 그래서 잡글을 앞에다 쓰겠습니다. 요즘 프로그래밍을 미친듯이
공부하고 있습니다. 사실 C언어 코딩 실력을 늘려야되는게 정답이긴 하지만 일단 다른 언어를 기초라도 배워두어야 다른 분들께
늦쳐지지 않을것같은 생각이 들어 요즘 언어 공부를 많이 하고 있습니다. 아마 2월 내로 끝내고 2월 달 부터는 보안 공부에 다시
몸을 던지고 C언어는 계속 배울 것 같습니다. 그리고 C++ 로 풍덩~
그리고 페이스북 하시는분들 있으신가요~? http://facebook.com/xodnr 친구추가해주세요~!
저도 만날 수 있습니다.. +_+



먼저 구분선 그리기 강의를 시작하도록 하겠습니다. 그리고 플래시 파일을 부른 embed 강의를 한다고 했으나 다음 7강에 하겠습니다.

구분선 그리기 - <hr>

구분선 길이 - <hr width = "n">
구분선 두께 - <hr size = "n">
구분선 정렬 - <hr align = "정렬방식">
구분선 색상 - <hr color = "색상명/RGB값">

구분선 평면 - <hr noshade>


간단하군요, 예제를 참고하시면 속성도 적으니 예제보시면 금방 이해됩니다~ ^^
하이퍼링크 태그 <a href> 와 책갈피 태그 <a name> 입니다.

하이퍼링크 생성 - <a href = "연결 경로"> 내용 </a>
하이퍼링크 이름 - <a name = "하이퍼링크 이름">
하이퍼링크 설명 - <a title = "하이퍼링크 설명 내용">
하이퍼링크 타겟 - <a target = "연결된 URL이 보여질 위치">
(_blank : 새창에 표시/_parent : 호출 프레임의 상위 프레임에 표시/
_self : 현재 창에 보여줌/_top : 웹브라우저 전체화면)

이미지에 링크 걸기 : <a href = "사이트" ><img src = "사진"></a>


그리고 책갈피 태그 <a name> 입니다~ ^^

<내부문서>
책갈피 생성 - <a name = "area"> area 책갈피 </a>
책갈피 이동 - <a name = "#area"> area 로 이동</a>

<외부문서>
책갈피 생성 - <a name = "area"> area 책갈피 </a>
책갈피 이동 - <a href = "문서경로#area"> 단 문서 area 로 이동 </a>

(책갈피 부분 예제는 생략하겠습니다 ^^ )

이번 강의도 이렇게 끝나겠습니다. 사실 구분선그리기 강의를 앞에서 썼어야 됬는데 깜빡하고
작성하지를 않아서 뒤에 올리게됩니다, 그닥 어려운 내용이 많지 않으니 쉽게 얻을수 있을겁니다~

이로써 5강을 마칩니다.  첨부파일로 예제를 올립니다~
예제를 보기전에 한번 만들어보고 직접 비교해보고 하시길 바랍니다.

6강 예제.zip


다르다고 무조건 틀렸다고 생각하지 마세요, 제가 틀렸을수도 있습니다.
그럴땐 지적 깔끔하게 받겠습니다.