본문 바로가기

JS & TS34

[HTML] HTML의 요소 HTML요소는 블록레벨 요소와 인라인 요소로 나뉜다. 1. 블록레벨 요소 웹페이지상에 블록을 만드는 요소로, 코드상에서 한줄로 이어쓰더라도 요소와 요소 사이에 새로운 줄을 만들고 나타난다. 대표적으로 , , , , , 태그가 있다. See the Pen BaQobBa by Heekng (@heekng) on CodePen. 위처럼 태그를 이용하면 블록 요소이기 때문에 자동 줄바꿈이 된다.태그는 가장 대표적인 블록 요소이며, 주로 여러 요소들의 스타일을 한 번에 적용하기 위해 사용한다. 2. 인라인 요소 보통 블록 레벨 요소 내에 포함되어 사용되며, 새로운 줄을 만들지 않고 작성하던 단락 속에서 나타난다. 대표적으로 , , , , , , ,...태그 등이 있다. See the Pen oNYjmZo by H.. 2021. 2. 3.

[HTML] 테이블, table html문서 내에서 테이블(표)를 만드는 방법을 알아본다. 테이블(table)이란, 여러 종류의 데이터가 행과 열로 정리된 표를 뜻한다. 1. 테이블 생성 방법 , , , 테이블은 기본적으로 [테이블요소]의 형태로 구성된다. 태그 안에서 태그로 행을 구성한다. 태그 안에서 태그와 태그로 각 행마다의 열을 구성한다. 태그는 각 셀의 요소를 나타내는 반면에, 태그는 컬럼명을 나타낸다.(다른점은 글자가 굵게 나타나며 더 강조한다는 점) 셀의 행과 열 수는 설정한 값의 최대값으로 맞춰진다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 블로그 포스트 1행1열 1행2열 2행1열 2행2열 3행1열 3행2열 cs 위처럼 테이블의 1행은 태그를 이용하고 나머.. 2021. 2. 3.

[HTML] <a>태그, 하이퍼링크 이용하기 HTML문서를 작성하여 웹 페이지를 구성할 때, 문자를 클릭했을 때 내가 원하는 페이지로 이동해야 하는 상황이 있다. 이 때, 가장 대표적으로 이용하는 태그를 링크태그 라고 하고 로 사용한다. 링크태그: 현재 페이지에서 다른 페이지로 이동하고자 할 때 하이퍼링크를 사용한다. 간단한 사용방법: [클릭하기 위한 출력 문자열] 1. 태그 사용하기 1 2 3 4 5 6 7 8 9 10 블로그 포스트 네이버로 이동하기 Colored by Color Scripter 위와 같이 태그 안에 href속성으로 네이버의 주소를 넣어주고, 출력되는 문자는 "네이버로 이동하기"로 지정했다. 실제 브라우저에서도 정상적으로 링크 연결이 되었다. 2. target 속성 target 속성은 링크를 클릭했을 때, 새로 열리는 창이 어디.. 2021. 2. 3.

3. HTML 태그의 종류와 이용방법(List 태그, Divisioin, 특수문자) 본격적으로 HTML을 작성하면서 이용하는 태그의 종류와 그 이용방법에 대해 알아보겠습니다. 이전 포스트에서 기본적인 HTML문서의 구성을 아래와 같이 설명했습니다. html 파일의 시작과 끝을 표시합니다. 해당 페이지의 주요 정보 (머리글) 해당 페이지의 주 내용 (본론) 페이지 상단의 제목 해당 페이지는 UTF-8 인코딩 형식을 따른다. 주석 기본적인 틀을 토대로 여러 내용들을 삽입할 때 이용하는 태그와 그 작성 방법을 알아봅니다. 1. 글자크기, 줄넘김, Division, 특수문자 입력방법 구간 내의 글자 크기를 조절 (n은 1~6, 숫자가 작을수로 글자가 커진다. or 줄넘김 Division 구역 설정(문단 설정) 1) 글자크기를 조절할 때에는 내용 태그를 이용합니다. Insert title h.. 2021. 1. 19.

2. 이클립스에서의 서버 설정, HTML 환경, 기본 구성 이클립스에서 HTML을 작성하기 위한 기본 설정과 HTML 기본구성 태그의 종류와 이용방법을 알아보겠습니다. 1. 프로젝트 생성과 HTML개발환경 설정 1) Dynamic Web Project 생성 Dynamic Web Project 생성 HTML을 작성하기 위해서 Dynamic Web Project를 생성해줍니다. 프로젝트 이름을 적고 Next를 두번 누른 후에 generate web.xml deployment descriptor 체크박스를 체크하고 Finish를 눌러줍니다. 2) 서버생성 & 프로젝트에 서버 연동 프로젝트 생성을 확인하였다면 서버를 생성하고, 프로젝트와 서버를 연동하여야 합니다. 이클립스 환경을 Java EE로 변경하고 Quick Access에서 server을 클릭하여 서버창을 열.. 2021. 1. 19.

1. HTML의 시작, Tomcat설치, 환경설정 HTML의 시작에 앞선 기본적인 내용정리와 Tomcat설치와 개발환경 설정방법입니다. 1. HTML이란? 1) HTML이란 Hypertext Markup Language의 약자입니다. 2) HTML은 HTTP통신에 사용되는 정적 스크립트 언어입니다. 3) HTML은 대소문자를 구분하지 않습니다. 4) (간단한)문법오류가 있더라도 브라우저가 자동 수정을 합니다. 5) 태그는 시작태그-종료태그의 형태로 쌍 형태 () 와 독립태그 () 로 이루어져 있습니다. 2. Client, Web Server, Web Container의 구성 HTML은 클라이언트와 웹서버, 웹컨테이너가 서로 요청(request)과 응답(response)하는 것으로 구성되어 있습니다. 클라이언트에서 HTTP로 요청(request)를 하.. 2021. 1. 19.

1. JSP시작 개념 JSP를 배우기 위해 정리한 기본적인 개념입니다. WWW (Word Wide Web) (== W3, Web) : 네트워크를 통해 정보를 공유할 수 있는 범세계적 정보 검색 시스템 HTTP (Hypertext Transfer Protocol) : WWW상에서 정보를 주고받을 수 있는 통신 규약 Client와 Server간의 요청(request)/응답(response) 방식의 통신 규약 HTML문서를 주고 받으면서 통신하고, 포트 번호는 80번을 사용한다. URI (Uniform Resource Identifier) : 인터넷에 있는 자원을 나타내는 유일한 주소. 하위개념으로 URL과 URN이 있다. URL (Uniform Resource Locator) 네트워크상에서 자원이 어디 있는지를 .. 2021. 1. 19.

이전 1 2 3 4 다음

티스토리툴바