본문 바로가기
Javascript & jQuery로 style 속성 css 입력, 수정하기 우선 테스트할 html을 작성한다. Javascript  여기서 testId div의 css 속성을 수정하고 추가해본다. document.getElementById('testId').style.backgroundColor = 'blue';document.getElementById('testId').style.marginLeft = '100px';document.getElementById('testId').style.backgroundColor = 'blue';document.getElementById('testId').style.marginLeft = '100px';추가 수정은 같은 방법으로 하면 된다.jQuery제이쿼리는 좀 더 짧은 명령어로 할 수 있다.$('#testId').css('backgr.. 2024. 7. 27.
[HTML/CSS] 표 그리기 <table> <tr> <th> <td> border 테두리 제목1 제목2 내용1 내용2 ㅎㅎ ㅋㅋ 웹개발을 하다보면 빠질 수 없는게 저러한 형태의 표. 테이블이다. 게시판 뭐 뭐 아무튼 등등 많이 쓰이는데 아무튼 잘 모르겠고 알아보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 제목1 제목2 내용1 내용2 ㅎㅎ ㅋㅋ cs 맨 위에 테이블은 위에 코드로 작성했다. html은 1행 : 은 뭐 테이블을 의미한다. 표. border="1" border는 테두리 선을 그려준다. 굵기를 1로 잡아줬다. border를 빼고 작성하면 아래와 같이 그려진다. 제목1 제목2 내용1 내용2 ㅎㅎ ㅋㅋ 2행 : th나 td가 안에 들어갈 수 있으며 한 행을 의미한다. 위에는 을 세개를 작성해서 총 3행이 있다. 3, 4행 : table의 head 제목이다. 안에 2021. 8. 21.
HTML&CSS Visual Studio Code 기본 설정 (쓸만한 확장 설치) 응당... 웹개발자라 함은 퍼블이 아니라 하더라도 기본적인 html/css는 알아야 한다. 그래야 하지만 제일 귀찮다고 생각하기도 한다. 아니 뭐 씨 프로그래밍은 오류라도 띠용해서 이거 안됨! 이러는데 html/css는 아니 나 그렇게 안될껀데? 하면서 이유도 안알려주고 괘씸하게 적용이 안된다. 뭐 아무튼 어떻게든 이리저리해보면 되겠지만.... 아무튼 html/css 공부를 시작하기 전에~ VS code를 설치하면 된다. code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging moder.. 2021. 5. 6.