본문 바로가기

IT50

HTML 링크 태그 사용법 / CSS 링크색상 지정하기 HTML 링크 태그 사용법 HTML 링크 태그 기본 구조 링크 텍스트 또는 이미지 HTML 링크 태그 속성(target) 지정 링크 텍스트 또는 이미지 target 속성 값 _blank : 새 창이나 탭에서 링크 된 문서(웹화면)가 열립니다. _self : 현재 창에서 링크 된 문서가 열립니다.(기본값) _parent : 링크 된 문서가 현재 창의 부모창에서 열립니다. _top : 창 전체에서 링크 된 문서가 열립니다. framename : 해당 프레임명을 가진 프레임에서 링크 된 문서가 열립니다. 예제 HappyLog 결과 CSS 링크색상 지정하기 CSS 링크색상 지정방법 a:link : 링크텍스트 기본 값 a:visited : 방문 후 링크 설정 값 a:hover : 마우스 오버했을 때 링크 설정 값.. 2018. 5. 31.
변수란 무엇인가 / 왜 변수를 사용하나 변수란 프로그래밍을 공부하기 위한 필수 용어 중 하나인 변수에 대하여 알아 봅시다. 프로그램은 작업을 처리하는 과정에서는 데이터를 저장하게 됩니다. 이 때 하나의 데이터를 저장할 수 있는 메모리 공간을 변수라고 합니다. 변수의 특징 변수의 특징은 단어의 의미속에 담겨 있습니다. 영어로 variable(가변적인, 변화를 줄수 있는), 한자로 變數(변할 변, 셀 수) 인 것 처럼 변수의 특징은 수시로 값이 바뀔 수 있다는 것 입니다. 변수에 대한 비유 비유를 들자면 변수란 그릇으로 표현 할 수 있습니다. 과일그릇, 채소그릇, 밥그릇 처럼 용도가 각각 다르듯 대부분의 프로그램밍 언어에서도 변수의 형태가 다양하게 존재 합니다. 그리고 과일그릇이란 변수에 사과를 담기도하고, 꺼내고 수박을 담기도 합니다. 이처럼 .. 2018. 5. 30.
개발자도구를 이용한 CSS 학습하는 방법 개발자도구를 이용하면 코딩에 대한 다양한 학습이 가능하며, 코딩 시에도 아주 많은 도움을 줍니다. 그 중 가장 많이 사용되는 부분이 자바스크립트 디버깅과 디자인 관련 활용(테스트) 입니다. 이 두가지 중 이번 시간에는 디자인 관련 활용 부분에 대하여 알아 보고자 합니다. 동영상으로 확인하기를 원하시면 포스팅 내용 하단 부분에 있습니다. 디자인관련 활용 부분 개발자도구를 이용하여 CSS를 변경 또는 추가, 삭제 해 보면 소스를 수정하지 않고도 테스트가 가능합니다. CSS 속성과 속성값을 보여줌으로 CSS 학습에도 도움이 됩니다. 실습환경 실습 환경은 Internet Explorer 11 입니다. 코딩 먼저 간단하게 코딩을 해 보겠습니다. 코딩하지 않고 일반적인 웹화면에서 실습 해 보아도 좋습니다. 1 2 .. 2018. 5. 28.
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.

티스토리툴바