[HTML] Image/Image Map 이론 및 실습
·
FrontEnd/HTML & CSS
태그 - 웹 페이지에 이미지를 삽입할 때 사용한다. - 태그는 닫는 태그가 없다. - 태그에는 두가지 필수 속성이 있다 1) src : 이미지 경로(url)를 지정 2) alt : 이미지의 대체 텍스트를 지정 예시 : Image Map - 태그 - 태그는 이미지 맵을 정의한다. - 이미지 맵은 클릭 가능한 영역이 있는 이미지다. - 영역은 하나 이상의 태그로 정의한다. Image Map 실습 1) imageMap.html Image Maps 컴퓨터 클릭, 폰클릭, 커피잔 클릭시 각각 새로운 페이지로 연결 Image Map 실습 2) computer.html - 기존의 imageMap.html 파일에서 Computer로 정의된 area 부분을 클릭하면 이동되는 html 문서 컴퓨터 Image Map 실습 ..
[HTML] Links <a> 링크 태그 이론 설명 및 실습 예제
·
FrontEnd/HTML & CSS
하이퍼링크(HyperLink) - 링크를 클릭하면 다른 문서로 이동할 수 있다. - 링크 위로 마우스를 이동하면 마우스 화살표가 작은 손모양으로 변한다. 태그 - 하이퍼링크를 정의하는 HTML 태그 예시 : Link text 실습 - basic9.html 첫번째 a태그 : 네이버로 이동하는 링크를 만든다. 두번째 a태그 : 이미지를 클릭하면 지정된 링크로 이동한다. 세번째 a태그 : mailto(메일 전송 프로그램)를 사용하여 지정된 이메일로 메일을 보낼 수 있게 아웃룩 프로그램이 실행한다. 네이버 인사 담당자
[HTML] HTML 시작 - 기본 이론 및 간단한 예제 실습
·
FrontEnd/HTML & CSS
HTML5 - 태그라는 명령어로 구성되어 있다. 예시) ~ : 시작태그 : 끝(종료) 태그 - 대부분의 태그는 시작과 종료라는 쌍으로 구성되어 있다. 예시) 내용 혹은 내용 - 대소문자는 구분은 안 하지만, 권장은 소문자로 코딩한다. - 태그는 부모와 자식관계 구조를 갖는다. - html 구조는 ~ 구성된다. - html 태그는 2개의 자식 태그를 갖는다. ~ - ~ - 태그는 줄 바꿈기능이 있는 것 - 줄바꿈 기능이 없는 것 : HTML 시작 실습 웹개발자 과정 웹개발 입문을 환영합니다. HTML 삽입 미리보기할 수 없는 소스 문서 유형 선언 : 태그를 html5 버전으로 작성하는 의미. 첫줄에 코딩 작성. 파일 확장자 : *.html visual studio code 툴 : emmet 기능이 내장되어..
[Visual Studio] 주석 처리 단축키 (+ 단축키 수정)
·
ETC/TIP
Visual Studio 주석 단축키 기본(Default) 설정 주석 처리 설정 단축키 → Ctrl + K + C 주석 해제 설정 단축키 → Ctrl + K + U Visual Studio 주석 단축키 수정 이클립스 편집기는 주석 단축키가 Ctrl+/을 사용해서 편했는데 ··· 주석 처리 Ctrl + K + C이고, 게다가 해제는 Ctrl + K + U? 이것과 다르게 좀 더 쉽고 간편하게 단축키를 사용할 수는 없을까? 1) Visual Studio를 실행시킨 후, [도구]-[옵션]으로 들어간다. 2) 주석 처리 단축키 설정을 수정하려면, 편집.선택영역을주석으로처리 주석 해제 단축키 설정을 수정하려면, 편집.선택영역의주석처리제거 [옵션]-[키보드]를 선택하게 되면 아래와 같은 창이 뜬다. 3) ※ 키 설..
[JAVA] 에디트플러스(EditPlus) JAVA 컴파일 실행 설정
·
ETC/TIP
에디트플러스(EditPlus) JAVA 설정하기 전, 이전 게시글인 JDK 환경변수 설정을 잘 읽어보도록 하자. ↑ 위에 있는 "이전 게시글"이 URL이 안 뜰 시에는 아래의 주소를 참고하자. http://deve1opment-story.tistory.com/8 에디트플러스(EditPlus) JAVA 컴파일 설정 1) 에디트플러스를 실행하자. 그 후, [도구]-[사용자 도구 구성] 선택 2) 추가를 클릭한 후, 프로그램 생성. 4) 그럼 프로그램을 아래와 같이 만들 수 있다. 현재 자바 컴파일 설정 프로그램을 만들고 있으니 메뉴 제목은 개인의 취향에 따라 적도록 하자. (단, 나중에 자바 실행 설정 프로그램도 만들기 때문에 자바 컴파일과 실행을 구분할 수 있게 이름을 설정하자.) 5) 명령에서 [...]..