① 공부/HTML, JavaScript, Vue.js, CSS
JavaScript. 기본 문법 활용
클릭하세요 클릭 : 안녕하세요, 또 오셨네요 메시지창을 띄움 티스토리 마우스 : 올리면 배경색을 주황색으로 바꿈, 마우스를 내리면 핑크색으로 바뀜 클릭 클릭1 티스토리 클릭 클릭1 티스토리
IT공부
① 공부/HTML, JavaScript, Vue.js, CSS
HTML. 폼(Form) 태그
입력폼 이름 전공 패스워드 메모 초기값 학년 1학년 2학년 3학년 관심과목 HTML CSS Javascript Database 파일선택 관심과목1 ASP PHP JSP 입력폼 이름 전공 패스워드 메모 초기값 학년 1학년 2학년 3학년 4학년 관심과목 HTML CSS Javascript Database 파일선택 관심과목1 ASP PHP JSP
① 공부/HTML, JavaScript, Vue.js, CSS
HTML. 프레임 태그
내부프레임 IFRAME 네이버 다음 구글 티스토리 3.html 설명 네이버 클릭 : 새로운 창을 만들어 띄움 다음 클릭 : 해당 페이지에 띄움 구글, 티스토리 : 해당 사이트들을 창 안에 띄움 1.html 1.html 처음으로 다음 오늘배운파일 오늘배운파일 2.html 2.html 3.html 3.html 내부프레임 IFRAME 네이버 다음 구글 티스토리 ↓아래 태그들이 위 3개 코드들을 연결하는 프레임 태그 frameset
① 공부/HTML, JavaScript, Vue.js, CSS
HTML. 공간분할 태그
공간분할태그 첫번째 영역 두번째 영역 세번째 영역 첫번째 영역 두번째 영역 세번째 영역 네번째 영역 첫번째 영역 두번째 영역 세번째 영역 네번째 영역
① 공부/HTML, JavaScript, Vue.js, CSS
HTML. 멀티미디어 태그
+만약 그림1-1이 뜨지 않는다면 아래와 같은 사진 설명이 나타나게 한다. 이미지 [그림1-1]HTML5 링크설정_다음 그림옆에 그림옆에 글씨를 씁니다... 여러줄의 글씨를 씁니다. 그림옆에 글씨를 씁니다... 여러줄의 글씨를 씁니다... 맨 마지막 삼각형들은 움직이는 사진이다. 오디오 / 비디오
① 공부/HTML, JavaScript, Vue.js, CSS
HTML. 테이블 태그
표 만들기 성적표 이름 점수 홍민성 90 최민수 80 심은경 70 테이블 태그 연습 셀1 셀3 셀4 셀5 셀1 셀2 셀3 셀4 가 나 다 라 마 바 사 아 자 차 카 셀1 셀2 셀5 셀6 셀7 셀9 셀1 셀2 셀3 셀4 셀5 셀7 셀1 셀3 셀4 셀5 셀8 일 이 삼 사 오 육 칠
① 공부/HTML, JavaScript, Vue.js, CSS
HTML. 목록태그
순서없는 목록 과일 사과 바나나 레몬 음식 음료 순서있는 목록 갖고 싶은것 자동차 집 컴퓨터 삼성 LG 사고 싶은것 먹고 싶은것 정의형 목록 첫번째 ☆ HTML ★ HTML ☆ HTML 두번째 CSS 세번째 JavaScript 나를 알자! 가족 할머니, 할아버지 어머니, 아버지 누나 2명 출신학교 한국 초등학교 한국 중학교 한국 고등학교 좋아하는 것들 가을낙엽 맛집가서 밥 먹기 게임 레벨 올리기 장학금 타기 취미 웹서핑하기 여행하기 읽어야 하는 책 한국문학 구운몽 - 김만중 삼대 - 염상섭 카인의 후예 - 황순원 외국문학 그리스비극선집 세익스피어4대비극 햄릿 오셀로 리어왕 맥베스 공포와 절망 파멸해 가는 과정 허클베리 핀의 모험 동양사상 삼국유사 - 일연 보조법어 - 지눌 작자미상 아함경 우파니샤드
① 공부/HTML, JavaScript, Vue.js, CSS
JavaScript 기본 태그들
JavaScript 태그 기본태그 alert(“메시지”) : 경고 창 띄움 prompt(“메시지”,””) : 입력 창 띄움 ㄴex) name = prompt(“이름을 입력하시오”, “”); confirm(“메시지”) : 확인, 취소 창 띄움 ㄴ반환값이 true면 [확인], false면 [취소]가 선택된 것 ㄴex) if(ok==true) //확인버튼 눌렀을 때 alert(“확인되었습니다.”); else alert(“취소되었습니다.”); 함수 내장 함수 eval() : 문자열을 수식으로 바꾸어준다. isNaN(value) : value가 순수한 문자이면 true, 숫자형태이면 false를 리턴한다. ㄴ숫자 1이 참이고 0이 거짓 배열 var 배열명=[원소1, 원소2, 원소3, ...]; ex) var ci..
① 공부/HTML, JavaScript, Vue.js, CSS
HTML 기본 태그들(2)
HTML 태그 태그 input type= text : 한 줄 입력 상자 password : *로 입력되는 암호 상자 radio : 라디오 버튼 ㄴchecked : 해당 항목을 미리 선택되어있게 함 checkbox : 체크상자 button : 일반 버튼 reset : 초기화 버튼 file : 파일 업로드 : 여러 줄 입력상자 ㄴrows=”줄수-세로크기” cols=”문자수-가로크기” : 목록 상자 시작과 끝에 입력 ㄴselected : 해당 항목을 미리 선택되어있게 함 ㄴselectedIndex : 선택한 셀렉트값 : 목록 상자에 포함될 항목 지정 +++++++++ input type=”email” : 이메일 형식에 맞게 쓰지 않으면 경고창이 뜸 align="center" : 중앙정렬 입력 양식의 주요 속성..