![]()
1. form 태그란? 우리가 submit 버튼을 눌렀을 때 get 혹은 post 방식으로 서버에 요청을 전달하고 싶은 경우가 있다. 이 경우 태그를 사용하면 원하는 작업을 처리할 수 있다. 즉, form 태그는 속성을 통해 서버로 어떤 방식으로 넘기고, 어떻게 처리할 지를 지정하는 역할을 수행한다. form 태그는 아래와 같은 속성으로 구성된다. name form의 이름을 지정한다. method 서버로 전달할 방식을 지정한다. (get/post) action 내용을 처리할 프로그램을 지정한다. target 지정한 스크립트 파일이 현재 창으로 열릴지, 다른 창으로 열릴지 선택한다. enctype 데이터가 서버로 제출될 때 인코딩되는 방법을 명시한다. 2. form 태그 예시 (Servlet 활용 코드) ..
리스트는 항목을 나열할 때 사용하며 번호가 있는 리스트와 번호가 없는 리스트로 나눌 수 있다. 1. 번호가 없는 리스트 번호가 없는 리스트(unordered lists)는 태그로 생성한다. 각 리스트 항목은 태그로 작성하면 된다. 이때 li는 list item을 의미한다. list item1 list item2 list item3 2. 번호가 있는 리스트 번호가 있는 리스트(ordered lists)는 태그로 생성하며 각 리스트 항목은 동일하게 태그를 사용한다. list item1 list item2 list item3 3. 정의 리스트 정의 리스트(definition lists)는 항목과 함께 항목의 정의가 표시되는 리스트다. 정의 리스트는 태그로 생성하며 태그는 항목, 태그는 항목에 대한 설명을 나타..
HTML 문서에서 텍스트는 특별한 태그 없이 태그 안에 표시할 수 있다. 하지만 해당 방법은 여러 줄로 작성된 텍스트도 모두 연결되어 나오기 때문에 원하는 형식으로 출력할 수는 없다. 이를 위해 p태그가 존재한다. HTML 문서를 작성할 때 입력한 줄 바꿈 문자는 무시된다. 1. 단락 (Paragraph) 단락은 태그로 정의된다. 웹 브라우저는 단락의 전후에 자동으로 빈 줄을 추가한다. 만약, 새로운 단락을 사용하지 않고 줄 바꿈을 하고 싶다면 태그를 사용하면 된다. br은 break를 의미하며 종료 태그를 가지지 않는다. This is Sentence1 This is Sentence2 This is Sentence1 This is Sentence2 단, 이때 사이에 엔터를 여러 줄을 사용해도 줄 바꿈은..
1. HTML 문서의 구성 HI HTML 문서는 위와 같이 태그로 둘러싸이며 이는 브라우저에게 이 파일의 내용이 HTML이라는 것을 알려준다. head 부분은 웹 페이지에 대한 정보를 저장하며 body 부분에는 웹 페이지의 모든 내용이 들어있다. HTML 문서 작성시 주의할 점은 다음과 같다. 태그 이름은 대소문자를 구별하지 않는다. 즉, 와 는 동일하다. 하나의 요소(element) 안에 다른 요소를 포함할 수 있다. 이때 요소란 "시작 태그+콘텐츠+종료 태그"를 의미한다. 에 가 포함된 것을 예시로 들 수 있다. 시작 태그와 종료 태그 사이의 연속된 공백은 하나의 공백으로 취급한다. 추가적으로 은 HTML5 버전임을 의미한다. 태그는 브라우저에게 해당 웹 페이지에 사용된 HTML의 종류와 버전을 알려..
