IT/웹디자인19 HTML 링크 태그 사용법 / CSS 링크색상 지정하기 HTML 링크 태그 사용법 HTML 링크 태그 기본 구조 링크 텍스트 또는 이미지 HTML 링크 태그 속성(target) 지정 링크 텍스트 또는 이미지 target 속성 값 _blank : 새 창이나 탭에서 링크 된 문서(웹화면)가 열립니다. _self : 현재 창에서 링크 된 문서가 열립니다.(기본값) _parent : 링크 된 문서가 현재 창의 부모창에서 열립니다. _top : 창 전체에서 링크 된 문서가 열립니다. framename : 해당 프레임명을 가진 프레임에서 링크 된 문서가 열립니다. 예제 HappyLog 결과 CSS 링크색상 지정하기 CSS 링크색상 지정방법 a:link : 링크텍스트 기본 값 a:visited : 방문 후 링크 설정 값 a:hover : 마우스 오버했을 때 링크 설정 값.. 2018. 5. 31. HTML 문서 입력 창 만들기 / textarea 태그 태그를 이용하여 입력 창 만들기를 학습 해 보도록 하겠습니다. 티스토리 블로그의 경우 댓글쓰기 입력창에 해당하는 부분입니다. 기본형식 입력창내용 속성 NAME = "변수명" → 입력한 내용을 저장 할 변수의 이름을 지정 합니다. ROWS = "행의 수" → 브라우저에 표시되는 문서 입력창의 줄 수를 지정합니다. 기본값을 1 입니다. COLS = "열의 수" → 브라우저에 표시되는 문서 입력창의 열 수를 지정합니다. 기본값은 20 입니다. 문서 입력 창 예제 1 2 3 4 5 6 7 8 9 10 11 12 예제 결과 보내기(submit) 버튼을 클릭하면 입력 된 내용이 전송 됩니다. 또한 취소(reset) 버튼을 클릭하면 입력 된 내용이 삭제 됩니다. HTML 기초학습으로 더 깊이 있는 부분은 프로그래밍 .. 2018. 5. 28. HTML 문서작성을 위한 목록태그 / 번호가 없는 리스트 시각적으로 짜임새 있는 문서 작성을 위해 사용되는 태그로 목록 태그가 있습니다. 목록태그에는 다양한 종류들이 있습니다. 크게 번호가 없는 리스트 형식과 번호가 있는 리스트 형식의 태그로 구분 할 수 있습니다. 이번 포스팅에서는 목록이 없는 리스트 태그에 대하여 알아 보도록 하겠습니다. 번호가 없는 리스트(Unordered List) 형식1 리스트항목 리스트항목 ※ 속성값의 종류 : disk, circle, square - 타입 설정 해 보기 1 2 3 4 5 6 7 8 9 10 11 12 disk circle square - 타입 설정을 하지 않는다면 / 리스트항목 내용안에 줄바꿈이 일어난다면 1 2 3 4 5 6 7 8 9 10 11 12 사과 배 씨없는 수박 >씨있는 수박 포도 ▶ disk가 기본 설.. 2018. 5. 27. CSS 기본구조 및 선택자 CSS 기본구조 및 선택자 CSS를 시작하는 분들이 꼭 알아야 할 기본구조 및 선택자에 대하여 알아보도록 하겠습니다. CSS 기본구조 선택자 {속성 : 속성값;} - 선택자란 HTML 태그에 CSS 속성을 적용하기 위해서는 선택자(selector)에 대한 이해가 필요 합니다. 바로 이 선택자가 HTML 영역에서 적용 될 대상 정보이기 때문입니다. - 속성과 속성값 선택자에 대한 속성과 속성값을 설정하는 부분은 { 와 } 사이에 정의하게 됩니다. 속성과 속성값은 콜론(:)으로 연결하며, 하나의 속성에 대하여 속성값 선언이 끝나면 다음 속성과의 구분을 위해 세미콜론(;)으로 구분 합니다. 태그명을 사용 HTML CSS p태그명을 선택자로 사용하는 예 p {font-size : 14px;} ▶ body, p .. 2018. 5. 23. 이전 1 2 3 4 5 다음
