웹프로그래밍8 input태그 버튼 클릭 예제 (HTML/JS) 클릭하면 메시지를 표시하는 태그 버튼 클릭 예제 3가지를 정리해보았다. * 위 이미지와 같은, 동일한 실행결과를 3가지의 약간 다른 방식으로 구현해봄. [ 파일 다운로드 ] [ 예제 코드 분석 ] 1) HTML의 태그 만으로 구현 - type을 button으로 하여, 버튼 모양을 갖게함. - value속성을 통해, 버튼 내의 텍스트를 지정함. - onclick속성으로, 해당 버튼을 클릭하면, 입력한 자바스크립트가 실행되게 함. (+ 주의사항) 더보기 다만, 이 방식은 티스토리 글쓰기에서, HTML모드에서 작성 후, 기본모드로 돌아오면 onclick 부분이 없어져버리는 현상이 발생한다. (HTML모드에서 저장하면 유지되기는 하지만 수정할 때는 기본모드로 들어오게 되므로 약간 골치가 아프다.) 2) HTML.. 2023. 2. 10. 가운데 왼쪽 정렬하기 (HTML/CSS) [ 개요 ] 왼쪽정렬로 하면, 너무 왼쪽으로 치우치고 (* 특히, 화면이 넓은 PC에서 글을 볼 때) 가운데정렬로 하면, 지저분해 보인다. (깔끔하지 못하고, 읽기 불편한 느낌이 든다.) 이 둘을 절충시킨 가운데 왼쪽 정렬을 구현하고 이를 활용하는 방법을 알아보자 (+ 뭔가 괜찮은 명칭이 없을까?) 더보기 *** 가운데 왼쪽 정렬이라고는 했는데... 어감이 별로다. 뭔가 더 좋은 이름은 없을까? 외부에서는 가운데, 내부에서는 왼쪽 정렬이니까 (External Center, Internal Left) ECIL정렬 이라고 할까? 아님 그냥 가왼정렬? [ 파일 다운로드 ] [ 코드 작성 ] 1) body태그에서의 text-align을 통해서 텍스트를 왼쪽, 가운데로 정렬시킬 수 있다. 2) div요소를 통해 .. 2023. 2. 10. 이전 1 2 다음
