HTML CSS (4) 썸네일형 리스트형 [JSP] <c:set var=""> 태그 안에 <c:url value=""> 태그 넣기 org.apache.jasper.JasperException: ~~~~ Unterminated <c:set tag - 태그 안에 태그 넣기 - 태그는 뒤에 value 값을 붙여서 자동으로 url path 를 만들어 준다. 이렇게 만든 url 결과값을 변수에 저장하고 싶었다. 변수에 저장하는 기능은 태그를 이용하면 된다. 라고 하면 'b'라는 값을 'a' 라는 이름의 변수에 저장한다는 뜻이다. 이 둘을 활용해서 url 값을 변수에 저장하려고 했다. - 잘못된 코드 X - 그런데 위와 같은 코드는 에러를 발생시켰다. org.apache.catalina.core.StandardWrapperValve invoke Servlet.service() for servlet [~~~~] in context with path [~~~] threw exception [~~~~ Unterminated <c:set tag] with roo.. CSS 넘치는 텍스트 말줄임표 (···) 글자로 나타내기 + 2줄/3줄 조정하기 : ellipsis - 기본 (1줄) - 가장 간단하고 기본적인 형태로 치면 아래 두 줄이다. overflow: hidden; text-overflow: ellipsis; 일단 정해진 범위 밖으로 벗어나는 요소를 감추도록 한다. overflow: hidden; 범위를 벗어나는 요소가 텍스트라면 감추고 나서 말줄임표를 남기도록 한다. text-overflow: ellipsis; - 2줄, 3줄 등으로 맞춰서 줄이기 - text-overflow: ellipsis; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; 여기서 "-webkit-line-clamp" 값을 원하는 대로 .. [CSS] input 클릭하면 placeholder 안 보이게 사라지기 - placeholder 란? - 회원가입을 하거나 로그인을 할 때 "아이디를 입력해 주세요" "비밀번호를 입력해 주세요" 이렇게 뜨는 메세지들이 모두 placeholder다. placeholder란 사용자로부터 입력받아야 하는 요소에 아무 내용이 없는 동안 사용자에게 보여줄 메세지다. 보통은 사용자가 어떤 값을 입력해야 하는지 알려주는 역할을 한다. - placeholder 사용하기 - placeholder로 메세지를 보여주려면 "placeholder"라는 속성 이름으로 값을 넣어주면 된다. - 메세지가 클릭하면 사라지도록 만들기 ( event 사용 ) - placeholder는 사용자가 어떤 내용도 입력하지 않은 동안 보여주는 메세지다. 즉, 사용자가 아무 내용도 입력하지 않으면 메세지는 사라지지 않.. <!doctype html> 태그 의미 HTML 문서는 가장 먼저 doctype을 선언한다. 예를 들어 아래와 같다. 이건 html 태그는 아니다. 브라우저한테 말하는 내용이다. 이 파일은 이러이러한 언어로 만들었고, html 어떤 버전으로 쓴 문서니까, 그에 따라서 해석해 달라고 부탁한다. html5 버전부터는 선언이 훨씬 간단해진다. 위 한 문장으로 끝난다. html4 버전까지는 선언이 복잡했다. (순서대로, 엄격모드, 호환모드, 프레임세트 모드) html4 버전까지가 더 복잡한 이유는 뒤에 DTD 참조를 붙여 줘야 하기 때문이다. DTD란, DTD / Document Type Definition 의 줄임말이다. 이전 1 다음
