웹프로그래밍/HTML CSS JavaScript

선택자(selector) : 스타일을 지정할 HTML요소를 선택속성 클래스무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다무궁화 꽃이 피었습니다CSS 속성가상클래스가상클래스 : 의사클래스 클래스가 이미 정해져있다:link - a 태그가 처음 만들어졌을 때:visited - a 태그에서 방문한 페이지:hover - 요소에 마우스를 올려놓았을 때:active - 요소를 누르는 시점 가상클래스 : 의사클래스클래스가 이미 정해져있다:link - a 태그가 처음 만들어졌을 때:visited - a 태그에서 방문한 페이지:hover - 요소에 마우스를 올려놓았을 때:active - 요소를 누르는 시점 네이버 다..

모든 document 출력 후 코드 실행하기window.onload=function(){ }수식 (숫자수식 / date수식)변수이름.toLocaleString()함수 선언 방법function aa() { }const aa = function(){ }const aa =() => { } // 화살표 함수스크립트( javascript )에서 html요소로 접근하기document객체 변환 ( String name)값을 가져오기 전에 객체로 먼저 가져와야한다내장 객체 - 문서 - 실행하면 body태그에 코딩된 html요소들이 document객체의 하위 객체로 변환실행된 문서를 document라고 함id 이름을 이용한 접근document.getElementById('id이름');document.querySelect..

HTML 입력양식일방적으로 보여주는 방식과 사용자가 서버에 데이터를 보내는 두가지 방식으로 분류할 수 있음form사용자 입력을 위한 양식을 생성비밀번호 타입은 type="password"로 둘 것methodget방식 아이디 이름 비밀번호 JSP : Java Server Page서버내에서 실행되는 스크립트형식의 파일html코드와 java 문장을 사용할 수 있다.java코드를 기술하기 위해서는 <% %> 기호내에 기술한다클라이언트가 전송한 데이터(id, password, name)를 받아서 처리한 후 결과를 클라이언트로 전송해준다클라이언트가 전송한 데이터(id, password, name)를 받을 때 : request 내장 객체를 이용한다.결과 생성 - html코드를 이용한다 아이디 이름 ..

멀티미디어audio(이름과 value값이 같을 때 생략가능)브라우저마다 지원하는 오디오 형식이 다를 수 있으므로 호환성을 높이기 위하여 다음과 같이 사용 video 부모 자식관계 style id태그스타일에서 요소를 선택 시- 자식을 선택하는 방법 > #u1 > li > a- 후손(자식, 손자 등)을 선택하는 방법 #u1 a #u1 li스타일에서 요소를 선택 시- 자식을 선택하는 방법 > #u1 > li, #u1 > li > a- 후손(자식, 손자 등)을 선택하는 방법 #u1 a / #u1 li a 태그 : 하이퍼링크. a링크, 링크 문서를 이동하고자 하는 목적네이버다음w3schools구글 네이버 다음 w3schools 구글 ..

외부 css더보기외부 css파일로 저장후 현재 문서에 style을 지정한다.<link rel="" href=""> 외부 스타일 지정 (실행을 위해선 title아래에 둘것)a링크를 클릭하면 해당 내용이 있는 곳으로 이동href속성에 id이름을 이용!1.개요2.특징3.생태4.사육5.기타1.개요기러기목 오리과의 새들 중에서 고니류나 기러기류에 해당하지 않는 것을 오리라고 한다. 그러니까 고니류와 기러기류가 오리과 내에서 일부 계통적으로 한 무리를 이루는 특정한 부류에 속한다면 오리는 오리과에서 이들을 제외한 나머지 전부를 말하는 것이다.2.특징한번 몸이 뒤집어지면 외부의 도움 없이는 일어설 수 없는데 물에서 생활하기 좋게 몸통이 둥글기 때문에 육지에서는 균형을 잡기 힘들다. 게다가 적은 힘으로 많은 거리..

테두리 : borderborder : 10px soild black;  ( width style color)12개의 서식을 한꺼번에 지정해줌 (top, bottom, right, left)border-width : 10px; border-width : 10px 20px;  /*top/bottom, right/left*/ border-width : 10px 20px 30px;  /*top, right/left, bottom*/ border-width : 10px 20px 30px 40px; /* 시계방향 Top에서부터 기준*/ 서식을 지울땐 none을 쓸 수 있음margin : 겉 여백padding : 안 여백border와 같게 top, bottom, right, left설정이 존재갯수에 따라 위 아래 좌..