분류 전체보기63 자바스크립트 JavaScript alert 이용해 경고창 만들기 웹 페이지에 버튼을 만들고 버튼을 클릭했을 때 Welcome to the world!라는 내용이 담긴 경고창이 뜨도록 하겠습니다. 우선 버튼을 추가하겠습니다. 예시를 위해 기본 태그를 작성합니다. 웹 페이지의 제목은 alert sample로 하겠습니다. 본문에 버튼을 추가하기 위해 input 인풋 태그를 사용합니다. input 태그의 속성 property type을 "button"으로 설정합니다. 버튼에 텍스트 click here를 넣겠습니다. 속성 property value의 값을 "click here"로 지정합니다. 버튼이 생성되었습니다. 버튼을 클릭했을 때 경고창이 뜨도록 하겠습니다. 웹페이지의 버튼을 클릭하는 행위에 반응하여 경고창이 뜨는 동적인 현상을 구현해야 합니다. 이를 위해 사용하는 언어가.. 2020. 9. 3. html script 스크립트 태그로 자바스크립트 JavaScript 사용하기 자바스크립트 JavaScript는 웹 페이지의 동작을 구현합니다. html, css로 만든 웹 페이지에 대해 사용자가 취하는 동작에 대해 반응하도록 설계하는 것이 자바스크립트의 역할입니다. 자바 스크립트 예시를 테스트하기 위해 아톰 편집기를 사용하겠습니다. 새 파일을 하나 만들고 html 기본 태그를 작성합니다. 타이틀은 Java로 작성합니다. meta 메타태그로 언어 인코딩 규격 utf-8을 지정하겠습니다. 자바스크립트를 html 문법에 맞추어 사용하기 위해 스크립트 script 태그를 사용합니다. 웹 브라우저는 안 쪽에 작성되는 태그를 자바스크립트로 인식합니다. 웹 페이지에 "JavaScript is so useful!" 문장이 출력되도록 자바스크립트를 작성하겠습니다. 본문에 해당되는 문장이므로, b.. 2020. 9. 3. html css 스타일 태그로 적용하는 방법과 link 링크 태그로 css 파일 연결하여 적용하는 방법 스타일 태그로 각 웹 페이지에 css를 적용할 수 있습니다. body 태그에서 서식을 지정할 부분을 정합니다. head 헤드 태그 안에 style 태그를 엽니다. 선택자를 지정한 후 css 서식을 작성합니다. h1 태그로 제목으로 지정한 "Code is so useful." 부분에 서식을 적용하는 스타일 태그를 보겠습니다. width는 가로, 폭을 의미하는데 border 속성에서는 선 굵기를 의미합니다. 20px 굵기의 초록색 단선으로 만들어진 박스 테두리를 서식으로 만듭니다. display는 block level element로 적용하여 contents 가 있는 행 전부를 채우는 테두리로 둘러싸도록 하겠습니다. CSS 파일을 만들고 이 파일을 link 링크 태그로 연결하여 여러 웹 페이지에 CSS를 적.. 2020. 9. 2. 이전 1 ··· 11 12 13 14 15 16 17 ··· 21 다음
