본문 바로가기

태그7

[JSP] JSP 태그 종류 JSP에서는 HTML 코드에 JAVA언어를 삽입하여 동적 문서를 만듭니다. HTML 코드 안에 JAVA 코드를 삽입하기 위해서는 태그를 이용해야 합니다. HTML은 브라우저에서 실행되기 때문에 주석은 소스보기를하면 그대로 보이지만, JSP 코드는 서버에서 실행되기 때문에 소스보기를 하면 주석이 나오지 않습니다. 이제 JSP 태그의 종류에 대해서 간단하게 알아보겠습니다. 1. JSP 태그의 종류 1.1 스크립트릿: JSP페이지에서 JAVA언어를 사용하기 위한 요소 중 가장 많이 사용하는 요소입니다. 태그 안에 우리가 알고 있는 자바 코드를 사용할 수 있습니다. 다음과 같은 코드로 구구단 2단을 출력해 볼 수 있습니다. 1.5 주석 프로그램을 설명하기 위해 달아두는 태그입니다. HTML의 주석과 JSTL의 .. 2019. 9. 30.
[HTML] HTML video 태그 HTML의 video 태그에 대해서 알아보겠습니다. 이 전에 배웠던 태그와 비슷하게 사용하면 됩니다. HTML5가 등장하기 전에는 비디오를 올리는 표준화된 방법이 없었습니다. 비디오는 기본적으로 오랜시간 동안 브라우저가 제공하지 않았습니다. 플래시라는 프로그램을 이용하여 비디오를 보여주었습니다. 브라우저마다 브라우저가 진행하는 포맷(코덱)이 다릅니다. 파이어폭스의 경우에는 ogv, 크롬 같은경우에는 mp4. 코드 처럼 작성하면 가장 선호하는 형식을 웹브라우저가 선택해서 보여줍니다. 따라서 source를 여러개 써 넣어놔도 상관이 없습니다. 그리고 동영상 컨트롤을 위해서 video 태그안에 controls를 써줍니다. autoplay 속성같은경우에는 동영상이 자동으로 실행되게 해줍니다. 그때 그때 필요한 .. 2019. 5. 23.
[HTML] 정보로서의 html 1. 글꼴 - font (퇴출) font태그는 쓰지 말라고 알려드리는 태그입니다. 이 font 태그가 퇴출됨으로써 html이 정보로서 중요하다라는 이야기를 하고 싶습니다. 하지만 이미 많은 곳에서 쓰고 있는 태그입니다. Size는 1~7까지 있고 기본 값은 3입니다. 그리고 color라는 속성을 통해 글자색을 지정할 수 있습니다. 여기서 생기는 문제는 font라는 것은 아무런 의미를 가지고 있지 않습니다. 시각적인 디자인일 뿐이지 이 Hello라는 정보에 대해서 어떠한 설명도 하지 않습니다. Html전체에서 디자인과 관련된 코드와 어떠한 의미를 가지고 있는(h1, li 등) 코드가 혼재되면서 이 웹 페이지를 해석하기가, 정보로서 가지는 가치가 떨어지는 문제를 갖습니다. 이 문제를 해결하기 위해서 font.. 2019. 5. 8.
[HTML] html 태그(p, br, img) 1. 태그 html은 공백(스페이스)과 엔터를 여러번 입력하더라도 하나의 공백으로만 인식합니다. 줄바꾸기 기능을 하는 가장 일반적인 태그는 태그와 태그입니다. 하나의 문단을 의미하는 태그는 태그 사이에 위치하는 내용으로 하나의 문단을 구성합니다. 첫번째 문단 두번째 문단 위와 같이 코딩을 하게 되면 다음과 같이 첫번째 문단과 두 번째 문단 사이에 공백라인이 들어갑니다. 2. 태그 br태그를 이용해서 간격을 조정할 수 있습니다. br태그는 우리가 흔히 아는 enter 연할을 합니다. 태그 하나에 줄바꿈 한줄 이라는 것입니다. 또한 태그는 다른 태그와 달리 가 없습니다. 첫번째 문단 두번째 문단 3. 태그 웹페이지에 이미지를 넣고 싶을 때 사용하는 태그 입니다. html파일과 같은 위치(같은 폴더)에 img.. 2019. 5. 2.
[HTML] 태그의 중첩과 목록(리스트) 1. 리스트 각각의 항목들을 리스트로 표현해 보겠습니다. 이때 사용하는 태그가 입니다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 보통 이 태그는 혼자 사용되지 않습니다. 태그를 이용하여 그룹핑을 합니다. 여기서 알아두어야 할 것은 태그안에 태그가 있을 수 있다는 것 입니다. 또한 가독성을 높이기 위해서 보통 태그안에 태그들은 들여쓰기(띄어쓰기)를 해줍니다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 최진혁 최유빈 한이람 한이은 만약, 이 리스트에 순서를 부여하고 싶다면 태그를 사용하면 됩니다. ol은 ordered list의 약자이고, ul은 unordered list의 약자입니다. 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 최진혁 최유빈 한이람 한이은 2019. 5. 2.
[HTML] HTML 태그 속성 1. HTML 태그 속성 HTML의 태그만으로는 기능이 부족하기 때문에 속성이라는 문법을 추가합니다. 하이퍼텍스트(문서와 문서가 링크로 연결돼있다.) 특성을 HTML 프로그래밍을 통해서 어떻게 표현할 수 있을 까요? 링크를 어떻게 표현할 수 있는지 살펴보겠습니다. 링크는 2가지 정보가 필요합니다. 이 도널드 커누스라는 부분이 링크라는 정보를 알려주는 태그가 있어야 하고, 어떤 페이지에 연결되있는지 알려주어야 합니다. 그래서 고안된 문법이 속성입니다. 여기에 href 속성의 이름에 url값을 넣어 주게 되면, 이 정보를 바탕으로 브라우저는 링크를 걸도록 약속이 되있습니다. 오늘의 명언 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스) 도널드 커누스를 클릭하게 되면 나무위키의 도.. 2019. 5. 2.