본문 바로가기
  • 2025

프론트엔드/HTML4

html css 디자인 코드 부트스트랩 https://getbootstrap.com/docs/5.3/components/buttons/#base-class Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com https://www.w3schools.com/bootstrap/default.asp Bootstrap 3 Tutorial W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Coverin.. 2023. 6. 30.
로렘입숨 사용하여 연습하기 (랜덤문장) http://guny.kr/stuff/klorem/ 2023. 6. 27.
[ HTML ] 테이블(tr/th/td) 테이블은 다음과 같이 데이터를 보기 쉽게 정렬해주는 표이다. html에서 테이블을 작성하기위해 다음과 같은 문법을 사용할 수 있다. 태그로 시작 : 열(세로 줄) : 셀 : 글씨가 두꺼워지고 가운데 정렬이 됨 (제목행) 이렇게만 적어주면 구분이 잘 되지 않는다. css를 사용하여 테두리를 줄 수 있다. 스타일을 적용해주면 선이 두줄씩 나온다. 각각 자기의 테두리를 갖고 있기 때문이다. 이 문제는 다음 문법으로 해결 할 수 있다. [ border - collapse : collapse; ] 셀 병합을 해주는 문법은 다음과 같다. [셀 안에 넣을 내용] [td/th] > [셀 안에 넣을 내용] [td/th] > - 자바 스크립트와 함께 보는 예제 2023. 6. 16.
설치 및 기초 문법 (1) 프로그램 설치 HTML을 사용하기 위한 프로그램 설치 (Visual Studio) 메모장, 서브라임 텍스트(Sublime Text), 아크로에디트(Acroedit), 에디트 플러 스(Editplus), 비주얼 스튜디오(Visual Studio) 등 비주얼 스튜디오를 이용 > 구글에 ‘ VS 다운로드 ‘ 검색 후 설치 확장프로그램을 다운받을 수 있다! - Korean Language Pack... : 언어를 한국어로 바꿔준다. - Live Preview : 실시간으로 페이지를 보여준다. 알면 좋은 단축키 단축키 설명 ! + [tab] ! + [enter] 자동으로 기본 구조를 입력해준다. [ctrl] + / 주석 처리 방법 [ctrl] + [alt] + 방향키 다중열 선택 후 일괄 수정 가능 (삽입, 삭제.. 2023. 6. 13.