본문 바로가기

분류 전체보기

 (211)
CSS_속성, 태그, 선택자 CSS란 웹 페이지를 좀 더 아름다우면서 보기 좋은 형태로 만드는 방법이다. 태그로 CSS언어의 문법에 맞게 처리해야 한다. 1. style 속성 ex) 에서 style은 HTML문법이고 'color:powderblue'라는 코드가 CSS코드이다. => 즉, style이라는 속성을 쓰고 그 안에 CSS의 속성이라는 문법을 사용하면 된다. 2. style 태그 : 어떠한 기능이나 의미가 없고 줄바꿈이 되는 태그 : 어떠한 기능이나 의미가 없고 줄바꿈이 되지 않는 태그 ex) class="js" =>클래스 값이 'js'를 가르치기 때문에 '.js'처럼 클래스명 앞에 마침표를 넣어서 표시해야 한다. 3.선택자 '.'이 붙어있다면 클래스를 의미하고 #은 id를 의미한다고 약속돼 있다. =>클래스 선택자보다 id..
JavaScript_<script>태그, 이벤트, 콘솔 JavaScript란 사용자와 상호작용하는 언어이다. 태그로 자바스크립트 코드가 시작된다는 것을 알린다. 1. HTML과 JavaScript의 차이점 -HTML에서 '1+1'을 쓰면 정적이라서 그대로 '1+1'로 출력, JavaScript는 '1+1'을 쓰면 동적이라서 계산기처럼 '2'로 출력된다. 2. HTML과 JavaScript의 이벤트 태그 : 글자나 텍스트를 넣을 수 있는 칸이 생긴다. ex) button ->버튼 모양 value->버튼에 글자 onclick->사용자가 요소를 클릭할 때 발생/ 어떤 이벤트가 일어났을 때 자바스크립트 코드를 실행하게 하는 것. =>onclick속성 외에도 'on'으로 시작하는 속성들을 이벤트라고 한다. alert->경고창 3. HTML과 JavaScript의 콘솔..
첫 프로그래밍-HTML 제가 공부했던 코드 내용을 주절주절 적는 공간입니다. 첫 교재로는 _위키북스가 적합할 거 같아 선택하였습니다. HTML이란 웹 페이지를 만드는 컴퓨터 언어이다. 1. 기본 문법과 태그 - 문자를 진하게 - 밑줄 - 제목을 나타내는 태그 ~ - 줄바꿈 : 새로운 줄 표현 ※ 은 특이하게 이 없다 : 두 개의 단락으로 나눔 2. 속성 태그 문법 - 태그 : 이미지를 웹 페이지에 포함시킬 때. - 태그의 width 속성 설정 : => 이미지 파일을 불러 와서 웹을 열어봤는데 계속 엑박이 뜨길래 구글링 해서 img 문법에 관한 내용을 다 찾아 보고 읽어도 무슨 뜻인지 모르는 절대경로와 상대경로에 대한 내용밖에 없어서 이 교재의 유튜브 동영상 강의 댓글에 어떤 분이 '사진(이미지 파일)을 같은 폴더 안으로 이동시..

티스토리툴바