본문 바로가기

분류 전체보기502

[HTML/CSS] HTML의 기본 구조 - 테이블 삽입하기 웹페이지에서 테이블 제작 시 사용하는 태그 : 표에 넣고자 하는 내용 : 하나의 행. 가로 한줄 : 테이블 각 열의 제목. 두꺼운 글자. 가운데 정렬. "table header" : 셀 한칸. 데이터 표시 테이블 삽입하기 📌 KTX열차 시간표 출발 도착 객실 요금 비고 서울(18:00) 부산(20:07) 일반실 50,800 서울(17:25) 부산(20:35) 특실 83,700 서울(18:15) 부산(20:50) 일반실 50,800 2. 테이블의 행과 열 합치기 rowspan 속성 : 행(세로) 합치는 데 사용. 합치고자 하는 셀의 개수를 속성 값으로 지정 colspan 속성 : 열(가로)을 합치는 데 사용 📌 일기예보 지역 27일(목) 28일(금) 29일(토) 오전 오후 오전 오후 오전 오후 서울 경기도.. 2023. 4. 17.
[HTML/CSS] HTML의 기본 구조 - 오디오,비디오 삽입하기, 링크걸기 : 오디오를 재생 controls : 오디오 플레이어를 화면에 표시 autoplay : 자동 재생 loop : 자동 반복 📌 : 비디오 파일 삽입 width 및 height : 비디오 플레이어의 너비와 높이 controls : 비디오 화면에 마우스 올렸을 때 플레이어가 화면에 표시 특정 비디오 파일을 재생하려면 해당 포맷의 코덱 프로그램이 있어야 한다 📌 > 링크 걸기 : 글자나 이미지에 다른 웹 페이지를 연결하는 것 : 링크 거는 역할 href : 클릭시 이동 할 주소 📌 글자에 링크걸기 게코도마뱀 크라운피시 이미지에 링크걸기 새로운 탭으로 링크 걸기 1. target : 속성 값으로 _blank 지정 : 웹 브라우저의 새로운 탭에 해당 웹페이지 표시 📌 새로운 탭으로 링크걸기 네이버 구글 다음 2023. 4. 17.
[HTML/CSS] HTML의 기본 구조 - 이미지 삽입하기 HTML 문서에 이미지 넣기 태그 : 웹 페이지에 이미지 삽입 시 사용 src 속성과 함께 사용 - 이미지 파일의 이름과 경로 - scr='img/dog.jpg' 📌 반려동물이란 사람과 더불어 살아가는 동물이란 의미로 1983년 오스트리아 빈에서 열린 애완동물 국제 심포지엄에서 처음으로 제안되었다 합니다. 2. 태그 속성 1) width, height 속성 : 이미지의 가로 및 세로 크기 조정 📌 2) title 속성 : 이미지 위 마우스 올릴 시 표시할 메세지 작성 📌 게코 다마뱀 메인으로 이동 📌 크라운 피쉬 메인으로 이동 2023. 4. 17.
[HTML/CSS] HTML의 기본 구조 - HTML 태그 1. 글 제목 만들기 : 📌 글제목 1 글제목 2 글제목 3 글제목 4 글제목 5 글제목 6 2. 단락 나누기 : 📌 요리란? 요리는 먹기 좋게 가공한 음식 혹은 그 가공 행위 자체를 말합니다. 요리는 크게 나누어 지역별로, 시대별로 그 종류를 구분할 수 있습니다. 전통적인 한국 정식은 밥, 국, 김치와 함께 나오는 많은 반찬들로 이루어집니다. 한국 요리는 주로 쌀을 주식으로 하며 반찬은 참기름, 된장, 간장, 소금, 마늘, 생강 그리고 고추장 등의 양념으로 맛을 냅니다. 3. 글자 두껍게 하기 : 📌 라면 맛있게 끓이는 법 냄비에 물 2컵 반을 붓고 건더기 수프와 분말수프를 미리 넣고 끓입니다. 면을 넣기 전에 수프를 먼저 넣어 끓이는 것이 비결입니다. 4. 줄 바꿈과 공백 삽입 : , 📌 안녕 하세요.. 2023. 4. 17.
[HTML/CSS] HTML의 기본 구조 HTML(HyperText Markup Language) : 웹 페이지 제작에 가장 기본적으로 사용되는 마크업 언어 HTML5 .html 또는 .htm 확장자 HTML 문서 기본 구조 -- 1. 문서 유형에 대한 브라우저의 정보. html의 가장 최신 버전 html5 형식 사용한다고 알려줌. -- 5. HTML문서. 웹 브라우저에 출력되는 부분. 웹페이지는 HTML 문서이므로 메모장 등 편집기로 제작 가능.(홈페이지는 하나 이상의 웹페이지로 구성) 📌 에인젤 피시 서태평양에서 사는 열대어로 깊이 5~30m의 얕은 산호 지대에서 서식하며 길들이기도 쉬워 수족관에서 많이 키웁니다. 파란색과 노란색으로 이루어진 색상이 화려해 일명 황제 물고기라고 불립니다. 2023. 4. 17.
[Java] chap14 : IO기반 입출력 - File 클래스, File 클래스의 주요 메서드 File File 클래스 1. 파일,폴더의 정보를 관리하는 클래스. 없는 파일도 관리가 가능하다. 2. 폴더의 구분자 : 폴더를 구분할 수 있는 문자. - 윈도우 : \\,/ => c:\\, c:/ - 리녹스,맥 : / 📌 package chap14; import java.io.File; public class FileEx1 { public static void main(String[] args) { String filepath = "c:/"; //주의! : 역슬래시를 사용하여 파일을 구분하고자 하는 경우 하나만 사용하면 안된다. // 반드시 두번 쓸것. //f1 : c 드라이브의 root폴더 관리 File f1 = new File(filepath); //f1.list() : f1 파일의 하위 폴더/파일.. 2023. 4. 17.
[Java] chap14 : IO기반 입출력 - Properties 클래스 Properties 클래스 Properties 클래스 1. HashTable 클래스의 하위 클래스(Map 클래스) 2. (key,value) 쌍인 객체로 저장. => 제네릭 표현 안함 (이유. key든 value든 String이여서 굳이 제네릭 표현을 할 필요가 없다.) 3. FileInputStream 에서 Properties 형태의 내용을 Map객체로 load 할 수 있음. 📌 package chap14; import java.io.FileInputStream; import java.io.IOException; import java.util.Properties; public class PropertiesEx1 { public static void main(String[] args) throws IOE.. 2023. 4. 17.
[Java] chap14 : IO기반 입출력 - IO Exam1. 📌 IO Exam1. package chap14; import java.io.File; /* * c:/windows 폴더의 하위폴더의 갯수, 파일의 총 크기를 바이트로 출력하기 */ public class Exam1 { public static void main(String[] args) { File f1 = new File("c:/windows"); int dircnt=0,filecnt=0; long size =0; String files[] =f1.list(); for(String f : files) { File f2 = new File(f1,f); if(f2.isDirectory()) dircnt++; else if(f2.isFile()) { filecnt++; size += f2.length();.. 2023. 4. 17.

티스토리툴바