하나씩 알아가는 블로그

폼의 양식 보통 요즘은 fieldset 테두리도 지우고, legend의 글자도 css로 없애는 편입니다 fieldset legend 버튼 : button | input 기능은 같지만, button에는 내부에 아이콘도 넣을 수 있고, 태그도 집어넣을 수 있기 때문에 디자인적인 면에서 많이 사용하는 편이다. 전송 한 줄 문자입력 : input label - for 속성과 input - id, name 속성을 동일하게 입력해야 합니다. input 태그가 가지는 대표적인 속성 1) disabled = "disabled" 2) placeholder = "입력 힌트 문장" 3) autofocus="autofocus" : 처음에 어디에 포커스를 둘지 설정 4) required="required" : 필수입력항목 지정..

링크 하나씩 알아가는 블로그 하나씩 알아가는 블로그(새탭) 이미지 이미지 다운로드(IE 제외) webmaster@gmail.com 이미지 이미지에 대한 설명을 작성한다. 작성된 설명은 css를 통해서 보이지 않지만 style을 통해서 밀어내기만 했기 때문에 텍스트가 살아있어서 더 나은 웹 접근성을 확보할 수 있다. 이미지 맵 img의 usemap 값은 map의 id 속성을 참조하여 앞에 #을 붙여서 넣어줍니다. area의 coords 옵션에서의 좌표를 알아내기 위해서는 다음 절차를 따라야 합니다. 1. 해당하는 이미지를 포토샵으로 불러옵니다. 2. Window > info 메뉴를 클릭한 후 각 좌표를 알아냅니다. 3. 해당 좌표를 적어둡니다. 4. area의 태그에 coords 속성에 입력 후 테스트를 ..

샘플 테이블 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 가로로 합치기 가로로 합치기 4 5 6 7 8 9 가로로 합치기 4 5 6 7 8 9 세로로 합치기 세로로 합치기 2 3 5 6 8 9 세로로 합치기 2 3 5 6 8 9 가로세로 원하는만큼 합치기 가로세로 원하는만큼 합치기 3 6 7 8 9 가로세로 원하는만큼 합치기 3 6 7 8 9

테이블 레이아웃 테이블 헤더 th 태그를 사용하는 경우에는 scope 속성을 필수로 입력해주어야 합니다 테이블의 헤더 컬럼 테이블의 헤더 컬럼 테이블의 헤더 컬럼 테이블의 헤더 컬럼 테이블 데이터 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블 결과값 결과 컬럼 결과 컬럼 결과 컬럼 결과 컬럼

순서가 없는 목록 메뉴 1 메뉴 2 메뉴 3 서브메뉴 3-1 서브메뉴 3-2 서브메뉴 3-3 순서가 있는 목록 메뉴 1 메뉴 2 메뉴 3 서브메뉴 3-1 서브메뉴 3-2 서브메뉴 3-3

자주 사용하는 기호 문장을 강조 맛있었다 20,000원이다 피자를 먹었다 단어의 정의 세계무역기구 세계무역기구 용어의 축약 WTO WTO 노래, 영화, 그림 등의 제목 다음은 소설 대도시의 사랑법의 한 부분입니다. 앞에있는 내용의 부가설명 가격 : 200,000원 (부가세 별도) 가격 : 200,000원 (부가세 별도) 루비주석 Hello안녕 Hello안녕 水수 魚어 之지 交교 水수 魚어 之지 交교 시간 오늘은 일요일입니다 2000년 01월 01일에 나무를 심었습니다 제목 h1~h6 태그 안에는 p 태그가 들어갈 수 없습니다 제목 제목 제목 제목 제목 제목 단락 p 태그 안에는 h1~h6 태그가 들어갈 수 없습니다 Lorem Ipsum is simply dummy text of the printing a..

HTML 항상 이런형태로 구간을 나눈 다음 html 코드를 작성하는 것을 추천합니다. 다른 형태의 구조가 필요할 때도 있지만 처음 접하거나, 공부하는 입장에서는 특정 형식을 따라가는것이 더 안정감있게 코드를 작성할 수 있습니다 레이아웃

HTML 일반적인 웹페이지의 메타태그 og : 카카오톡과 같은 소셜에서 보여지는 경우에 사용되는 메타태그 twitter : 트위터에 대한 메타태그 일정시간 이후 지정된 사이트로 이동

목록 설치하기 깃 전용 사용자 생성 깃 서버 SSH-KEY 생성 비밀번호 없이 접속이 가능하도록 SSH-KEY 등록 원격 저장소 만들기 1) 깃 전용 유저의 루트디렉토리로 이동 # su gituser $ cd ~ 2) SSH-KEY 생성 $ mkdir .ssh $ cd ./.ssh $ ssh-keygen -t rsa Enter file in which to save the key (/root/.ssh/id_rsa) : /home/gituser/.ssh/id_rsa 입력 Enter passphrase (empty for no passphrase) : 엔터키 입력 Enter same passphrase again : 엔터키 입력 $ vi authorized_keys (:wq 로 저장하여 파일 생성) 3) s..

2019/07/28 - [분류 전체보기] - [IntelliJ] 인텔리제이 설치하기 (Community Version) 1. 프로젝트 생성하기 IntelliJ Community 버전을 사용하여 Spring Boot 프로젝트를 만드는 과정을 설명해 드리려고 합니다. 프로그램을 실행하면 아래와같이 메뉴들이 보입니다. Create New Project 를 클릭하시면 새로운 프로젝트를 만드실 수 있습니다. 2. 프로젝트 빌드방식 선택 이번에 만들 프로젝트의 빌드 방식은 Gradle로 하려고 합니다. Gradle 탭을 클릭 후 Java를 체크한 다음 Next 버튼을 클릭해 주세요. 3. 프로젝트의 GroupId 와 ArtifactId 설정 GroupId 와 ArtifactId 를 입력 후 Next 버튼을 클릭해주..