태그 2

HTML 태그 2편 (a, ul, li)

5. anchor 태그 (링크 태그) 링크는 a태그를 사용하고, 시작태그와 종료태그로 구성된다. 링크태그는 링크를 구현할 콘텐츠를 a태그로 감싸서 표현. 주요속성은 href, target, title 등이 있다. (1) 기본구조 1콘텐츠 - a태그로 감싸진 텍스트는 밑줄, 글자색상이 바뀜- 마우스 커서 모양이 바뀌며 클릭 가능함 (2) 속성 ■ href(hyper reference) => 참고 대상을 작성1) URL2) 파일(한글, 엑셀, 이미지, PDF 등)3) 이메일4) 가상링크 ■ target => 참조대상을 띄울 창의 위치를 설정1) _self(자신의 창에서 띄움) => 자신의 사이트에서 이동하는 경우 => 기본값으로 생략가능2) _blank(새창 띄우기) => 다른 사이트 이동시 ■ title ..

IT/HTML 2018.07.06

HTML 태그 1편 (h1, p, img)

1. title tag (웹문서의 제목을 작성 -> 브라우저의 제목표시줄에 나타난다. 사이트의 전체의 의미를 알수 있게 간단히 작성) 2. heading tag (제목 태그)- h1, h2, h3, h4, h5, h6 을 사용한다. (1) 기본구조 1content h => heading 제목이라는 의미를 갖고 h뒤의 숫자는 제목수준을 표현 한글문서에서 제목수준의 표현은1. => h11) => h2(1) => h3가. => h4가) => h5(가) => h6 (2) 규칙가. 잘못된 표현의 예 123제목 제목 제목 나. 올바른 표현의 예 : 제목태그는 브라우저에서 표현시 굵은 글씨로 표현하고 제목수준에 따라 글자크기가 다르게 표현 123제목태그 - 가장 큰 제목 제목태그 - 두번째로 큰 제목제목태그 - 세번..

IT/HTML 2018.07.05