[HTML]<img> 태그, src 속성, alt 속성, title 속성, image파일 종류
·
프로그래밍 언어/html
image파일 종류 jpg png gif bmp tiff tga 용량(작은순서) 1 3 2 6 4 5 압축율 1 x jpg : 용량이 제일 적은 만큼 퀄리티는 떨어진다. bmp : 압축이 불가. 원래는 안드로이드, 아이폰에서 사용했는데, bmp로 사용할 경우 투명 이미지(sprite) 처리를 따로 해줘야 하는 번거로움이 있어서 png를 사용한다. png : 안드로이드, 아이폰에서 주로 사용 (제일 마지막에 나옴) 투명처리가 들어가 있다. 문서에 이미지를 넣는 태그 src : 필수 특성이며, 이미지의 경로를 지정 img는 하드웨어에서 불러 오는것이 아니다. 즉, 하드웨어 상에 저장되어 있는 절대 경로를 입력해서 이미지를 불러올 경우 이미지를 찾아올 수 없을 것이다. 왜? 서버에서 불러오는 것이기 때문에 (..
[HTML] <a>태그 (anchor tag)
·
프로그래밍 언어/html
: anchor(link) 다른 웹사이트로 이동하는 링크 구글로 이동 구글로 이동 속성 href : 연결할 주소를 지정 target : 링크를 여는 방법 _self : 링크를 클릭한 해당 창에서 열기 (default) _blank : 링크를 새창으로 열기 _parent : 부모 창에서 열기 _top : 전체 브라우저 창에서 가장 상위의 창에서 열기 title : 해당 링크에 마우스 커서를 올렸을때 나오는 링크의 설명을 설정 실습 jhost 블로그로 이동(새창으로 열기) jhost 블로그로 이동(새창으로 열기)
[HTML] tag 안에서 사용하는 tag들(b, strong, em, mark, i, del, sub, sup)
·
프로그래밍 언어/html
글씨 굵기 두꺼운 텍스트 두꺼운 텍스트 강조 strong 텍스트 strong 텍스트 강조 나는 성공할 것입니다. 나는 성공할 것입니다. 강조 Hyper Text Markup Language Hyper Text Markup Language 이탤릭 텍스트 이탤릭 텍스트 이탤릭 텍스트 텍스트 중간선 이 문장은 삭제된 문장입니다. 이 문장은 삭제 된 문장입니다. 아래첨자 이것은 아래첨자입니다. 이것은 아래첨자입니다. 윗첨자 (수학공식표현시 많이 사용) 이것은 윗첨자입니다. 이것은 윗첨자입니다. 은 어느곳에서나 사용 가능하다.
[HTML] 폰트색설정, 배경색설정, 폰트설정, 글씨위치조절
·
프로그래밍 언어/html
문자열 색 설정 h1 tag color h1 tag color 배경색 설정 h2 tag color green h2 tag color green 글씨체 설정 h3 tag font h3 tag font 글씨 크기 설정 h4 tag h4 tag 글씨 위치 조절 여기가 p tag입니다 여기가 p tag입니다 1. 컴퓨터시스템 2. 프로그래밍 언어활용 part1 3. 응용SW기초 기술 활용part1 4. 화면구현 part2 5. SQL 활용 1. 컴퓨터시스템 2. 프로그래밍 언어활용 part1 3. 응용SW기초 기술 활용part1 4. 화면구현 part2 5. SQL 활용
[HTML] <br>(개행), <h>(제목), <p>(단락), <pre>
·
프로그래밍 언어/html
break : 개행 따로 종료태그가 필요하지 않은 태그입니다. 개행하는 태그 hello world hello world 결과 hello world hello world heading : 제목을 작성하는 태그 h1부터 h6까지 있으며, 숫자가 작을수록 글씨의 크기가 크다. H1 Tag H2 Tag H3 Tag H4 Tag H5 Tag H6 Tag 결과 H1 Tag H2 Tag H3 Tag H4 Tag H5 Tag H6 Tag Paragraph : 단락 한줄씩 나눠줄수 있는 태그 p태그 입니다. p태그 입니다 결과 p태그 입니다. p태그 입니다 Pre Formatted : 설정한 대로 나오는 태그 코드를 작성한대로 그대로 출력이 된다. 안녕하세요 여러분 같이 html 연습을 해봅시다. 화이팅! 결과 안녕하세..
[HTML] HTML이란? (구성요소, 기본구조)
·
프로그래밍 언어/html
HTML(HyperText Markup Language) 직역 : 텍스트를 띄우는 언어 웹사이트를 만드는 가장 기초가 되는 마크업 언어이며, 웹페이지의 내용과 구조를 담당하는 언어. 즉, 구조를 설계할 때 사용되는 언어로 웹 피이지를 위한 마크업 언어이다. HyperText? 웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것 Markup? 마크업 언어(markup 言語, markup language)는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다 출처 : 위키백과 구성요소 Elem..
HTML 수업자료
·
프로그래밍 언어/html
HTML 수업 전체적인 내용 노션 : https://www.notion.so/html-e3129abab9824e5a98d5891b8d28a1d8
[프로그래머스]Level 1 : 제일 작은 수 제거하기(JAVA)
·
코딩 테스트/Java
제일 작은 수 제거하기 문제 설명 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고, [10]면 [-1]을 리턴 합니다. 제한 조건 arr은 길이 1 이상인 배열입니다. 인덱스 i, j에 대해 i ≠ j이면 arr[i] ≠ arr[j] 입니다. 입출력 예 arr return [4,3,2,1] [4,3,2] [10] [-1] 코드 class Solution { public int[] solution(int[] arr) { int[] answer = new int[arr.length-1]; if(answ..
[Oracle] 시퀀스(Sequence) 사용법
·
데이터베이스/Oracle
시퀀스(Sequence)? 유일한 값을 생성해 주는 오브젝트 자동으로 순차적으로 증가하는 순번을 반환하는 데이터베이스 오브젝트입니다. 보통 중복 값을 허용하지 않는 PK에 사용을 많이 합니다. 예시로는 회원번호, 게시판 글 번호 등... 지속적으로 순번이 증가할 때 사용합니다. 사용방법 CREATE SEQUENCE [스키마명].[시퀀스] INCREMENT BY 1 -> 1씩 증가 START WITH 1 -> 1부터 시작, WITH 100인 경우 100부터 시작 MINVALUE 1 -> 1부터 시작(최솟값) MAXVALUE 100 -> 100까지(최댓값) NOCYCLE -> 순환하지 않음 NOCACHE -> 시퀀스 값을 메모리에 할당하지 않음 INCREMENT BY : 시퀀스 실행 시 증가시킬 값 STAR..
[Oracle]무결성(Constraint) 제약 조건
·
데이터베이스/Oracle
무결성? 데이터베이스에 저장된 값들이 정확하고 일관성 있는 데이터임을 나타내는 의미! (COLUMN을 지정하는 성질. 설정) 제약조건? 바람직하지 않은 데이터가 저장되는 것을 방지하는 것을 의미 즉, 잘못된 데이터가 입력되지 않도록 무결성 제약 조건을 지정 데이터 무결성 제약 조건(Data Integrity Constraint Rule)이란 테이블에 부적절한 자료가 입력되는 것을 방지하기 위해서 테이블을 생성할 때 각 컬럼에 대해서 정의하는 여러 가지 규칙을 말합니다. 제약조건의 종류 무결성 제약 조건 의미 형식 Primary key (기본키) -중복을 허용하지 않는다. -NULL을 허용하지 않는다. UNIQUE + NOT NULL ex)ID, 주민등록번호 CONSTRAINT 제약조건명 PRIMARY K..