Language/JavaScript
[JavaScript] JavaScript에서의 HTML 사용
JavaScript 에서의 HTML 사용 HTML 문서에 출력하는 메서드이다. document.write("내용"); JavaScript 와 HTML 실행 JS에서 정의한 값을 메서드 문법을 사용해 불러오면 다음과 같은 결과를 볼 수 있다.
전체 글
내용이 도움되었다면 '좋아요❤' 또는 '구독💬' 부탁드립니다! 맞구독도 환영이에요 :>728x90
Language/HTML&CSS
[CSS] CSS, 테두리 모양 정하기 border-style
dotted 테두리가 점으로 이루어진 스타일이다. #d1 {border-style: dotted;} dashed 테두리가 짧은 선으로 이루어진 스타일이다. #d2 {border-style: dashed;} solid 테두리가 두꺼운 선으로 이루어진 스타일이다. #d3 {border-style: solid;} double 두개의 얇은 선으로 이루어진 스타일이다. #d4 {border-style: double;} groove 일반 선으로 이루어진 스타일이다. #d5 {border-style: groove;} ridge 입체감 있는 선으로 이루어진 스타일이다. #d6 {border-style: ridge;} inset 왼쪽과 상단에 음영이 들어간 음각 모양으로 이루어진 스타일이다. #d7 {border-sty..
Language/HTML&CSS
[CSS] CSS, 배경 이미지 반복
기본 배경 #b1{ background-color:lavender; } 배경 반복 이미지는 작은 이미지를 넣어야 반복된다. (아래에 이미지 공유) #b2{ background-image:url("../img/star.png") } X축만 반복 #b3{ background-image:url("../img/star.png"); background-repeat: repeat-x; } Y축만 반복 #b4{ background-image:url("../img/star.png"); background-repeat: repeat-y; } 반복 없이 위치 지정 #b5{ background-image:url("../img/star.png"); background-repeat:no-repeat; background-pos..
Language/HTML&CSS
[HTML] HTML 기본 기능, 영역 설정 div 의 포지션
div div 는 영역을 설정하는 코드이다. 앞서 간략히 설명했던 div 기능에 대해 자세하게 설명해보겠다. [HTML] HTML 기본기능, 영역 설정 줄이 분리된다. 줄이 바뀌며 고유한 본인의 영역이 생긴다. 가나다 라마바 이전 내용의 바로 옆에 출력된다. 앞에 연결이 되어야하기 때문에 스타일이 적용되지 않는다. abc def skylarcoding.tistory.com 1. static div 영역들을 순서대로 배치한다. 2. relative 상대 위치이다. 기준점 (앞요소) 으로부터 위에서. 왼쪽으로 얼만큼 떨어진 위치로 설정한다. #div2{ width:100px; height:100px; background-color:papayawhip; /* top, left : 얼만큼 떨어진 건지 지정 */..
Language/HTML&CSS
[CSS] CSS의 작성법, 사용하는 이유
CSS 사용 용도 HTML을 더 편하게 꾸미는 코드. 요소 선택 태그명/id/class CSS 작성법 페이지 전체에 적용 : aaa bbb ccc ddd eee fff ggg hhh 이 모든 것들이 한 파일 안에 들어가 있으면 복잡하니, 코드를 CSS 파일로 저장해 필요할 때마다 import 하는 방법이 있다.
반응형