Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) 먼저 부트스트랩 홈페이지에 접속하여 부트스트랩 파일을 다운로드 해줍니다. 압축을 풀어 해당 내부 폴더들을 한 번에 드래그 하여 프로젝트 폴더 안에 넣어줍니다. 그리고 VsCode 혹은 Sublime Text를 실행시켜 파일을 저장하는 위치를 위와 같이 프로젝트 폴더 안에 index.html로 기준이 되는 html파일을 하나 생성해줍니다. head부분에 위와 같이 css파일을 적용시켜줍니다. 그리고 위와 같이 html파일 body에 작성한뒤, html파일을 열어 test 해보면 다음과 같이 내가 작성한 'Hello World!'가 화면에 출력되는 것을 확인할 수 있습니다. 두가지 에디터를 사용해보니 VsCode는 이미..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) DOCTYPE html> 이미지 및 멀티미디어 관련 태그 이미지 관련 태그 * src속성 alt속성 *alt - 사진의 경로가 잘못되거나 이미지를 제대로 표현할 수 없을 때 대체 텍스트의 용도 - 시각장애인들을 위한 스크린리더(화면낭독기)에서 이미지를 읽어주는 설명 문구 *width와 height 속성 이미지의 가로, 세로길이 조정 가능 고정길이(px), 가변길이(%)로 지정 고정길이단위 (px) == 기본값 : 화면사이즈가 조정되어도 크기에 변함이 없음 가변길이단위 (%) : 화면사이즈나 혹은 부모요소 사이즈에 따라 이미지 크기가 바뀜 미디어 관련 태그 오디오 관련 태그 비디오 관련 태그

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) DOCTYPE html> 표관련태그 /* CSS 영역의 주석 : html주석 안먹힘*/ /* # == id , 속성값 == tt */ #tt{ background-color : lightgray; } /* 현재 html문서안의 모든 thead 태그를 의미 */ thead{ background-color: magenta; color : white; } tfoot{ background-color: darkgreen; color: yellow; } 기본적인 표 만들기(4행 3열) 웹 브라우저 종류 브라우저명 제조사 홈페이지 Internet Explorer MS http://www.microsoft.com Chrome Go..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) DOCTYPE html> 목록관련태그 목록1 목록2 ul : 순서 없는 목록 태그 HTML 글자관련 목록관련 CSS JavaScript JQuery ol : 순서 있는 목록 태그 HTML CSS JavaScript JQuery HTML CSS JavaScript JQuery HTML CSS JavaScript JQuery dl : 설명과 관련된 목록 태그 제목을 작성하는 영역 설명을 작성하는 영역 여러줄로 작성도 할 수 있다. 또 다른 제목 작성가능 설명도 마찬가지 자바(Java) 학습내용 담당 강사 : ksy 전화번호 : 010-1234-5678 프로그래밍 언어 Java 데이터베이스 Oracle Frontend H..

안녕하세요. #yeoneeblog 여니입니다 :) DOCTYPE html> 요소 가져오기 HTML 요소에 접근하기(해당 요소객체 가져오기) 1) ID로 가져오기(접근하기) 아이디로 접근 function accessId(){ // 아이디로 요소에 접근할때 // document.getElementById("아이디명") const area1 = document.getElementById("area1"); console.log(area1); console.dir(area1); // 접근가능한 속성들에대해 살펴볼때 //선택된 요소에 속성들에 접근해서 값을 가져온다거나 변경 가능 // 속성에 접근하고자 한다면 => 선택된 요소.접근하고자하는 속성명 area1.innerHTML = "아이디로 접근성공함!!"; // ..