분류 전체보기585 5. HTML 프레임 프레임 웹 사이트에 자세히 보면 여러 프레임을 이용하여 웹 페이지를 구성하는 경우가 흔하다. 이는 프레임을 여러 화면으로 구역을 나누어 각기 다른 기능을 제공한다. 각 프레임마다 특정 역할을 수행하는 페이지로 효과적인 웹을 만들 수 있다. 프레임의 정의 프레임의 구조는 첫 번째로 태그를 선언하고 태그로 실제 프레임을 정의한다. 태그 프레임을 선언하는 동시에 프레임의 수와 크기를 설정한다. 프레임의 크기를 설정하는데에는 픽셀 수로 설정, 브라우저 크기에 대한 비율(%)로 설정 ,나머지 전부를 설정이 있다. 나머지 전부는 *로 설정한다. 태그 frame 태그의 src 속성을 통하여 프레임에 표시할 HTML 문서를 지정한다. --------------------------------------------- m.. 2019. 11. 29. 4. HTML 테이블 테이블 정보를 이차원적으로 표현하기 위해서 사용하며 웹 문서에서 테이블을 이용하여 데이터를 효과적으로 표현할 수 있다. 테이블 작성 : 테이블 생성을 위한 태그 : table row으로써 테이블에 하나의 행 생성 : table data으로써 테이블에 하나의 셀 생성 : table header으로써 테이블의 제목으로 표시되는 셀 생성 : 테이블의 제목 테이블 선언 태그 ~ 으로 테이블을 선언해주고 태그 안에서 , , 태그를 사용한다. first data second data 테이블 제목 태그 와 과 같은 역할(제목)을 수행하지만 차이점이 있는데 태그는 제목으로 표시되는 셀이다. 테이블의 제목 Real Title hello first data second data world third data fourth .. 2019. 11. 29. 3. HTML 이미지 삽입 이미지 태그 HTML에서 이미지를 삽입하기 위해서는 태그를 사용하는데 이 때 사용되는 상대 URL의 경로는 다음과 같다 src : 필수 속성으로 이미지 파일을 연결 alt : 이미지 파일이 없으면, 파일에 대한 설명이 나타난다. title : 마우스를 가져다대면 파일에 대한 설명이 나옴 이미지의 크기 조절 width : 이미지 가로 크기 height : 이미지 세로 크기 이미지와 문자의 정렬 삽입한 이미지의 크기는 vspace 나 hspace 속성을 이용하여 조절한다. 이 때 형식은 다음과 같다. vspace : 이미지 상하의 여백 hspace : 이미지 좌우의 여백 이미지로 문서 연결 2019. 11. 28. 2. HTML 기본 태그 순서 HTML 기본 태그 문자 서식 태그 단락 서식 태그 목록 태그 연결 태그 기본 태그 문서 구조 태그 Html 태그중 가장 기본적인 태그로써 문서 구조를 정의하는 , , , , 가 있으며 이러한 태그들로 HTML 문서를 작성한다. 태그를 제외한 나머지 , , , , 태그는 필수 태그로 표시된 태그들은 문서에 반드시 사용되어야 한다. 태그 html 태그는 요소를 정의하며, 문서 트리에서 루트 노드에 해당되는 루트 요소로 문서의 모든 html 요소를 포함한다 lang : 요소 내용의 자연 언어 dir : 요소 내용의 작성 방향 태그 요소에는 요소와 요소를 포함하며 다음과 같은 태그를 포함할 수 있다. : 문서의 제목 : 문서의 메타 데이터 : 링크 연결 : 스크립트 코드 : 스크립트가 지원되지 않는 브라.. 2019. 11. 27. 1. Html 기초 HTML HyperTextMarkupLanguage 은 웹에서 사용되는 하이퍼텍스트 문서 또는 페이지를 태그(Tag) 를 이용하여 작성하는 마크업 언어이다. HTML 종류 및 발전 과정 HTML 2.0 HTML 2.0 은 이전까지 사용되던 HTML을 표준화 시켰고 태그를 사용하여 문서 구조를 정의하도록 하며 제목, 문단, 목록, form을 이용하여 작성, 이미지 삽입, 하이퍼 링크 등의 기능을 포함한다 HTML 3.2 HTML 2.0에 명시된 기능 외엩 테이블, 프레임, 첨자 표현 등을 추가하였으며 나아가 자바 애플릿 을 웹 문서에 사용할 수 있는 방법을 제공하였다. HTML 4.01 최초로 CSS를 사용하여 폰트, 레이아웃등의 스타일을 지정할 수 있었고 테이블 및 프레임의 기능을 확장하였다. 뿐만 아니.. 2019. 11. 27. [Spring & Springboot-JPA] 1) Springboot에서 Mysql을 JPA 와 연동하기. JPA란? JPA를 intelliJ에서 연동하기 전에 간단하게 JPA에 대해서 알아보자. 조금 더 자세하고 깊은 설명을 원하는 사람은 Heee's DEV 블로그에 방문하길 바란다! JPA는 Java 진영 ORM(Object-Relational-Mapping) 표준 프레임워크의 라이브러리중 하나로, 기존에 쿼리문을 직접 날리면서 객체 지향 프로그래밍에서 SQL문법으로 고생을 했던 과거 방식과는 다르게 SQL과 관련된 정보 또한 객채 형태로 만들어 프로그래머가 조금 더 객체 지향 프로그래밍에 집중할 수 있게 해주는 ORM-Library이다. 개발자가 쿼리문을 날리지 않는다고? 위에서 언급했듯이 개발자는 객체지향에 조금 더 신경쓰면 된다고 했다. 이 말은 우리는 더 이상 JDBC를 사용하지 않아도 된다는 소리.. 2019. 11. 23. 이전 1 ··· 91 92 93 94 95 96 97 98 다음
