전체 글2614 HTML 태그 : h1~h6 See the Pen h1~h6 by nilgi (@nilgi) on CodePen. 2019. 9. 11. HTML 태그 : font See the Pen by nilgi (@nilgi) on CodePen. color="색" 폰트 컬러 face="Gulim" 폰트 종류 size="5" 폰트 사이즈 2019. 9. 11. HTML 태그 : embed See the Pen embed by nilgi (@nilgi) on CodePen. 동영상 링크에 많이 사용한다. src : 요소 주소 width : 요소 너비 height : 요소 높이 2019. 9. 11. HTML 태그 : em See the Pen by nilgi (@nilgi) on CodePen. 글씨를 기울임/이탤릭체 2019. 9. 11. HTML 태그 : div See the Pen by nilgi (@nilgi) on CodePen. 문서의 섹션을 만들거나 영역을 나눌 때 사용하며 티스토리 스킨 편집시 꼭 알아야 한다. 2019. 9. 11. HTML 태그 : button See the Pen buttom by nilgi (@nilgi) on CodePen. - autofocus : 페이지 로드시 자동으로 포커스를 받도록 지정 - disabled : 버튼 비활성화 - name="이름" : 버튼 식별자 지정 - type=버튼 종류 지정 - submit : 폼 제출. 기본값입니다. - reset : 폼 리셋 - value="값" : 전송되는 데이터 초기값 지정 - formtarget="_blank" 타겟 새창 "_self" 타겟 부모창 "_parent" 타겟 현재창 "_top" 타겟 최상위창 - input 버튼과 같지만, 이미지나 텍스트가 사용가능해 다양한 디자인이 가능. input type="button" name="button" id="button" value="눌러주세요.. 2019. 9. 11. HTML 태그 : br / See the Pen by nilgi (@nilgi) on CodePen. 텍스트 줄바꿈 2019. 9. 11. HTML 태그 : body See the Pen by nilgi (@nilgi) on CodePen. 2019. 9. 11. HTML 태그 : b See the Pen by nilgi (@nilgi) on CodePen. 2019. 9. 11. HTML 태그 : a See the Pen by nilgi (@nilgi) on CodePen. • href="URL" : 링크 주소 지정 • target : 링크가 열리는 창을 지정 _blank - 새창 _parent - 부모창 _self - 자신의 창 _top - 프레임을 무시하고 전체 화면에 열린다. • 링크 상태 link : 방문한적이 없는 링크 상태 visited : 방문한 적이 있는 링크 상태 hover : 마우스 커서가 링크위에 올라갔을 때 상태 focus : 링크에 포커스가 위치해있는 상태 active : 마우스를 눌렀다가 놓았을 때 2019. 9. 11. 티스토리 스킨 편집 - 탑 버튼 만들기 / 위로 올라가기 버튼 만들기 블로그 스킨을 살짝 변경했습니다. 변경을 하고 나니 위로 가기 버튼이 필요해 보입니다. 키보드에서 Home을 누르면 위로 올라가지만 블로그 스킨에도 추가해 조금이라도 보기 편하게 만들어봤습니다. ▲ 블로그를 읽다 보면 오른쪽 아래에 저런 마크가 생깁니다. 보기에는 그냥 제 블로그 이름으로 보이지만 클릭하면 화면의 가장 위로 올라가는 버튼입니다. 화살표 같은 이미지로 할 수 있지만 약간의 감성을 주고 싶었습니다.이제 위로 올라가기, 탑 버튼을 만들어보겠습니다. ▲ 가장 먼저 해야 할 일은 버튼의 이미지를 업로드해야 합니다. 저는 60*60px 사이즈로 만들었습니다. 스킨 편집에 들어가서 HTML 편집에서 파일 업로드를 클릭하고 이미지를 올립니다. 전 top.png로 올렸습니다. ▲ 직접 만든 이미지입니다... 2019. 9. 6. 이전 1 ··· 232 233 234 235 236 237 238 다음
