Language/HTML&CSS
[HTML] HTML 기본 기능, 이미지 출력
이클립스에 이미지 저장 이클립스에 하위 폴더를 생성해 이미지를 저장해주었다. 이 이미지의 저장 경로를 통해 html 에서 불러올 것이다. HTML 이미지에 스타일 넣기 HTML 이미지에 링크 넣기 총정리
전체 글
Hello World반응형
Language/HTML&CSS
[HTML] HTML 기본 기능, 페이지 이동
페이지 이동 HTML 에서의 페이지 이동은 하이퍼링크로 구현된다. 내 첫번째 페이지 다음 네이버 내 첫번째 페이지 로컬 페이지로 연결된다. 다음 url 로 연결된다.
Language/HTML&CSS
[HTML] HTML 기본 기능, Style
Style 속성 이 속성은 대부분의 태그에서 사용이 가능하다. 태그의 기능이 적용되는 범위의 크기나 색상, 배경 등의 스타일을 지정할 수 있다. style = "속성1:값; 속성2:값; 속성3:값" Style 속성 종류 color : 글자색 지정 background-color : 배경색 지정 font-size : 글자 크기 지정 font-family : 글자체 지정 text-align : 텍스트 정렬 방법 지정 efgh
Language/HTML&CSS
[HTML] HTML의 기본 기능
HTML의 기본 HTML 파일은 태그 (Tag) 라는 명령어로 구성되며, 각 태그는 속성으로 세부 설정이 가능하다. 메타태그의 속성은 지정가능하지만, 태그마다 정할 수 있는 속성이 있다. : 엔터 (줄바꿈) 태그는 , 구분 없이 사용이 가능하다. 이는 엔터 하나와 동일하게 생각하면 된다. ... : 글자크기 & 단락 구분 이 태그는 텍스트를 단락으로 구분하고 글자 크기를 제어할 수 있다. h1이 제일 크고 h6가 제일 작다. h1 h2 h3 h4 h5 h6 : 단락 구분 해당 태그는 단락을 구분한다. 와 사이의 내용을 하나의 단락으로 구분짓는다. aaa bbb
도구 및 기타/Mac 개발환경
맥에서 톰캣(Tomcat) 과 이클립스, 자바 (Java) 연결하기
만약 tomcat 이 설치되지 않은 상태라면 아래 링크를 참고해 tomcat을 설치해주세요. 맥에 홈브류(homebrew) 이용해 톰캣(Tomcat) 설치 톰캣 필요한 이유 톰캣 피씨에서 브라우저에 요청하면 웹페이지에는 여러가지 컨텐츠 , 동적 컨텐츠는 웹 컨테이너에 jsp 엔진을 써야해서 톰캣을 연결 동적인 페이지를 처리하기 위해 톰캣 사 skylarcoding.tistory.com (선택) 워크스페이스 생성 우선 이전의 작업과 분리해주기 위해 새로운 워크스페이스를 생성했다. 이 과정은 선택사항이지만, 나는 깔끔한 워크스페이스를 위해 생성해주었다. Browse를 눌러 새로운 폴더를 만들어주고 Launch 를 클릭한다. tomcat(톰캣)을 이클립스에 연결 1. Server에 tomcat 넣어주기 우선 ..
반응형