html(11)
-
[HTML] button 태그
🔵 부트스트랩에서 제공하는 버튼 여백값 0~5, auto 여백명 방향 - 크기 ==> 클래스에 적용 m 바깥여백 p 안쪽여백 t 위쪽 b 아래쪽 l 왼쪽 r 오른쪽 x 왼쪽과 오른쪽 y 위와 아래쪽 🔵 버튼 종류 (총 9가지) input, button 태그 사용 class를 이용해서 모양 및 효과 설정 class에 여러 개의 값을 지정은 빈공백으로 구분해서 나열 btn 버튼모양 btn-primary 버튼색상 (일반적인 동작 처리 할 때 사용) btn-secondary 보조 동작 (취소) btn-success 성공(작업 후 처리가 완료) btn-danger 위험(삭제 등 실수할 수 있는 작업) btn-warning 경고 (수정, 삭제에 확인이 필요한 작업) btn-info 정보(추천, 댓글수, 신제품.. ..
2024.01.07 -
[HTML] 주요 태그
HTML 태그(tag) HTML 요소(element)라고도 부르며, HTML 문서를 구성하는 기본 단위 🔵 HTML 구성 관련 주석(comment) 해당 문서(document)의 타입을 정의 HTML 문서의 루트 요소(root element)를 정의 해당 문서에 대한 정보인 메타데이터(metadata)의 집합 문서나 특정 섹션의 헤더(header)를 정의 해당 문서의 제목(title)을 정의 해당 문서의 콘텐츠 영역을 정의 문서나 특정 섹션의 푸터(footer)를 정의 🔵 페이지 이동 관련 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink)를 정의 미지 맵(image-map)에서 하이퍼링크가 연결될 영역을 정의 해당 문서와 외부 소스(external resource) 사이의 관계를 정의 다른 페이지 또..
2024.01.07 -
[Java+SpringBoot+JPA] 기본 CRUD 구현하기 (2)html
▪ layout 분리 [HTML]header, footer / fragments 이용하여 layouts 분리하기 layouts 폴더 layout.html fragments 폴더 header.html footer.html fragments 폴더 header.html 본문 내용 dalhyehye.tistory.com ▪ 기본 CRUD 구현하기 (1) java [Java+SpringBoot+JPA] 기본 CRUD 구현하기 (1)java 🟢 Entity - BaseEntity 여러 엔터티 클래스에서 상속받아 재사용할 수 있도록 설계 BaseEntity 클래스를 상속받는 하위 엔터티 클래스는 생성일(reDate) 및 수정일(moDate)을 자동으로 관리 @Getter @Setter @Mapp dalhyehye.t..
2023.12.23 -
[HTML]header, footer / fragments 이용하여 layouts 분리하기
layouts 폴더 layout.html fragments 폴더 ▪️ header.html 👉 상단고정 ( fixed-top) ▪️ footer.html templates 폴더 index.html 본문 내용
2023.12.23 -
[HTML/CSS/JS] 역할과 기능
HTML + CSS + JavaScript = 사용자와 상호 작용이 가능하며 시각적으로 매력적인 디자인을 가진 웹 애플리케이션 생성 가능 * HTML 웹페이지의 구조를 정의하는 마크업 언어 텍스트, 이미지, 링크, 표, 목록 등의 요소를 사용하여 문서의 구조를 표현 각 요소는 태그(tag)로 표시 여는 태그와 닫는 태그의 쌍으로 구성 ex) 안녕하세요! 이것은 HTML 예제입니다. * CSS HTML로 작성된 요소들의 스타일을 정의하는 스타일 시트 언어 텍스트의 색상, 폰트, 크기, 배경색, 레이아웃 등을 지정하여 웹 페이지의 디자인 꾸미기 선택자(selector)를 사용하여 특정 HTML 요소에 스타일을 적용 body { font-family: 'Arial', sans-serif; background-..
2023.12.22