본문 바로가기
728x90
반응형

전체 글123

하이퍼 링크 태그 DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>08_하이퍼링크관련태그title>head>body>    h1>하이퍼 링크 관련 태그 : a(anchor) 태그h1>    pre>        a태그는 현재 HTML문서와 다른 HTML문서를 연결해서        페이지 이동을 할 수 있게 하는 기능을 제공        -> 이 때, a태그로 감싸진 문자열 == 하이퍼링크        * 하이퍼링크는 웹(HTML)문서가 다른 문서와 구분될 수 있는 핵심적인 기능        텍스트 또는 이미지를  클릭해서.. 2024. 5. 31.
CSS 개요, 선택자 DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>Documenttitle>    style>        /* style 태그 : css 코드만 작성할 수 있는 영역을 제공하는 태그 */        /* 태그 선택자(태그명) */        div{            border : 3px solid red; /* 3px 두께에 빨간 실선 */        }        strong{            background-color: blanchedalmond;        }        sp.. 2024. 5. 30.
이미지 관련 태그 DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>07_이미지 관련 태그title>head>body>    h1>img 태그h1>    pre>        - 웹 문서에 사진이나 그림 같은 이미지를 삽입하는 용도이 태그        [속성]        1) src : 삽입할 이미지의 경로를 지정하는 속성(파일 경로, 웹 주소)        2) width/height : 이미지의 크기를 지정하는 속성        3) alt : 이미지를 설명하는 속성                 -> 이미지가 출력되지.. 2024. 5. 30.
영역 관련 태그 DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    meta name="viewport" content="width=device-width, initial-scale=1.0">    title>06_영역 관련 태그title>    style>        div{            border : 1px solid black;            /* div 태그에 1px 검은색 실선 테두리 추가*/        }        #div1{background-color: red;}        #div2{background-color: orange;}        #div3{background-color : yellow;}        span.. 2024. 5. 30.
표 관련 태그 DOCTYPE html>html lang="en">head>    meta charset="UTF-8">        meta name="viewport" content="width=device-width, initial-scale=1.0">    title>04_표 관련 태그title>        style>        .tb3{            border: 2px solid black;        }        .tb3 th,td{            border:1px solid black;        }        .tb3 thead{            background-color: yellowgreen;        }                .tb3 tbody{     .. 2024. 5. 30.
IN 연산자, 연결연산자(||) /* IN 연산자 -- 비교하려는 값과 목록에 작성된 값 중 일치하는 것이 있으면 조회하는 연산자 -- > OR 연산을 연달아 작성하는 효과 [작성법] 컬럼명 IN(값1,값2,값3 ...) */ -- EMPLOYEE 테이블에서 -- 부서코드가 D1 또는 D6 또는 D9인 사원의 사번, 이름, 부서코드 조회 SELECT EMP_ID, EMP_NAME, DEPT_CODE FROM EMPLOYEE WHERE DEPT_CODE IN('D1','D6','D9'); -- 사번이 200, 205, 210인 사원의 사번,이름 조회 SELECT EMP_ID, EMP_NAME FROM EMPLOYEE WHERE EMP_ID IN('200','205','210'); -- 사번이 200, 205, 210인 아닌(NOT) 사원.. 2024. 5. 29.
728x90
반응형

티스토리툴바