로그인

간의 영수증 html소스

간의 영수증 html소스

조회 2,527 2026-08-18 등록

소개

간이 영수증을 html 코팅으로 만든내용 <table cellpadding=0 cellspacing=0 style="color:#3300CC;font-size:12"> <tr> <td> <table width=480 cellpadding=3 cellspacing=1 bgcolor="#3300CC" style="color:#3300CC;font-size:12"> <tr> <td width=30></td> <td width=30></td> <td width=60></td> <td width=60></td> <td width=60></td> <td width=30></td> <td width=30></td> <td width=120></td> </tr> <tr align=center bgcolor=FFFFFF> <td colspan=8 style="padding:0"> <table width=100% cellpadding=0 cellspacing=0 style="color:#3300CC;font-size:12"> <tr height=30> <td bgcolor="#3300CC" style="padding:0 1 1 0;" width=60><span style="width:100%;height:100%;background:#FFFFFF;padding:10 0 10 3;font-size:14">No.</span></td> <td align=center><span style="font-size:25;">영 수 증</span> &nbsp;&nbsp; <span style="font-size:16">(공급받는자용)</span></td> </tr> <tr height=50 valign=bottom align=right> <td colspan=2 style="font-size:16;font-weight:bold;">귀하</td> </tr> </table> </td> </tr> <tr align=center bgcolor=FFFFFF> <td rowspan=4>공<br>급<br>자</td> <td colspan=2>사 업 자<br>등록번호</td> <td colspan=5></td> </tr> <tr align=center bgcolor=FFFFFF> <td colspan=2>상호</td> <td colspan=3></td> <td>성<br>명</td> <td align=right>인</td> </tr> <tr align=center bgcolor=FFFFFF> <td colspan=2>사 업 장<br>소 재 지</td> <td colspan=5></td> </tr> <tr align=center bgcolor=FFFFFF> <td colspan=2>업 태</td> <td colspan=2></td> <td>종<br>목</td> <td colspan=2></td> </tr> <tr align=center bgcolor=FFFFFF height=30> <td colspan=3>작성일자</td> <td colspan=4>금액합계</td> <td>비고</td> </tr> <tr align=center bgcolor=FFFFFF height=30> <td colspan=3></td> <td colspan=4></td> <td></td> </tr> <tr align=center bgcolor=FFFFFF height=30> <td colspan=8>공 금 내 역</td> </tr> <tr align=center bgcolor=FFFFFF> <td colspan=2>월/일</td> <td colspan=2>품명</td> <td>수량</td> <td colspan=2>단가</td> <td>금액</td> </tr> <tr align=center bgcolor=FFFFFF height=20> <td colspan=2></td> <td colspan=2></td> <td></td> <td colspan=2></td> <td></td> </tr> <tr align=center bgcolor=FFFFFF height=20> <td colspan=2></td> <td colspan=2></td> <td></td> <td colspan=2></td> <td></td> </tr> <tr align=center bgcolor=FFFFFF height=20> <td colspan=2></td> <td colspan=2></td> <td></td> <td colspan=2></td> <td></td> </tr> <tr align=center bgcolor=FFFFFF height=20> <td colspan=2></td> <td colspan=2></td> <td></td> <td colspan=2></td> <td></td> </tr> <tr align=center bgcolor=FFFFFF height=20> <td colspan=2></td> <td colspan=2></td> <td></td> <td colspan=2></td> <td></td> </tr> <tr align=center bgcolor=FFFFFF height=20> <td colspan=2></td> <td colspan=2></td> <td></td> <td colspan=2></td> <td></td> </tr> <tr align=center bgcolor=FFFFFF height=20> <td colspan=2></td> <td colspan=2></td> <td></td> <td colspan=2></td> <td></td> </tr> <tr align=center bgcolor=FFFFFF> <td colspan=4 style="font-size:23">합 계</td> <td colspan=4></td> </tr> <tr> <td width=30></td> <td width=30></td> <td width=60></td> <td width=60></td> <td width=60></td> <td width=30></td> <td width=30></td> <td width=120></td> </tr> </table> </td> </tr> <tr height=30 align=center> <td>위금액을 영수(청구)함.</td> </tr> </table>

태그

의견 0

로그인하면 의견을 남길 수 있습니다.

아직 의견이 없습니다. 첫 의견을 남겨보세요.

비슷한 사이트

게시글

반응형 웹에서 기본 구조

반응형 웹 기본 템플릿 :root { --main-color: #333; --nav-bg: #444; --dropdown-bg: #555; --text-color: #fff; --link-color: #333; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: sans-serif; line-height: 1.6; } a { text-decoration: none; color: inherit; } header { background: var(--main-color); color: var(--text-color); } .site-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; } .site-logo { font-size: 20px; } .menu-toggle { display: none; font-size: 24px; background: none; border: none; color: var(--text-color); cursor: pointer; } nav.main-nav { display: flex; justify-content: center; background: var(--nav-bg); } .nav-item { position: relative; } .main-nav > .nav-item > a { display: block; padding: 15px 20px; color: var(--text-color); } .dropdown { display: none; position: absolute; background: var(--dropdown-bg); min-width: 120px; z-index: 10; } .nav-item:hover .dropdown { display: block; } .dropdown a { display: block; padding: 10px; color: var(--text-color); } .layout { display: flex; gap: 20px; max-width: 1200px; margin: auto; padding: 20px; } aside.sidebar { width: 250px; } .sidebar ul { list-style: none; } .sidebar li { margin-bottom: 5px; } .sidebar a { display: block; padding: 10px; background: #eee; color: var(--link-color); } main.main-content { flex: 1; } footer.site-footer { background: #f0f0f0; text-align: center; padding: 20px; margin-top: 40px; font-size: 14px; color: #666; } /* 모바일 우선 스타일 */ @media (max-width: 768px) { .menu-toggle { display: block; } nav.main-nav { flex-direction: column; display: none; } nav.main-nav.show { display: flex; } .main-nav > .nav-item > a { padding: 12px 16px; border-top: 1px solid #555; } .dropdown { position: static; } .nav-item:hover .dropdown { display: none; } .nav-item .dropdown { display: none; flex-direction: column; } .nav-item.show .dropdown { display: flex; } .layout { flex-direction: column; } aside.sidebar { width: 100%; } .sidebar ul { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; } .sidebar li { margin-bottom: 0; } .sidebar a { white-space: nowrap; } } /* PC에서 우측 정렬되는 본문 내 텍스트 */ .main-content .page-message { text-align: left; margin-top: 20px; } 로고 ☰ 회사소개. 인사말 오시는길 제품소개. 제품A 제품B 고객센터 공지사항 자주묻는질문 회사소개 인사말 오시는길 안녕하세요 ⓒ 2025 나의 웹사이트. 모든 권리 보유. function toggleMenu() { document.getElementById("mainNav").classList.toggle("show"); } function toggleDropdown(event) { if (window.innerWidth

w3schools

www.w3schools.com

w3schools을 소개합니다. w3schools 은 다양한 프로그램 소스를 공부할수 있는 사이트 입니다. w3schools의 장점은 소스와 실행되는 결과같은 바로 볼수 있다는 것이 장점입니다. 웹관련 소스가 궁금한 경우 검색하면 잘 나옵니다. 그러나 소스를 적용했을때 잘 되는지에 대해서는 장담하지 못합니다. 열심히 적용해 봤는데 소스가 잘못된경우 또는 버전이 맞지 않아 사용할수 없는 경우가 있기 때문입니다. 물론 올린사람이 의도적으로 틀린 소스를 올리는 것은 아니지만 시간이 흐름에 따라 틀린 소스가 되기도 합니다. 그러다 보니 적용하기전 정상적인 소스인지 먼저 확인 해봐야 하는데 w3schools 에서는 Try it Yourself 를 통해 미리 확인해 볼수 있습니다. 또 다른 장점으로 CSS관련 정보를 많이 얻을수 있다는 것입니다. 개인적으로 CSS관련 부분이 궁금한 경우 자주 활용하는 사이트입니다. 일반적으로 CSS의 특정 기능이 궁금하면 인터넷에 검색하여 정보를 얻습니다. 그러다 보니 체계적인 정보를 얻기보다는 산발적인 정보를 얻게 되는데 w3schools 에서는 체계적으로 관련정보가 잘 정리되어 있습니다. 적용 예시 뿐아니라 연관된 스타일들까지 다양하게 확인해볼수 있습니다. 그러기에 CSS를 공부하기에는 더할나위없이 좋은 사이트입니다. 메뉴구성은 HTML, CSS, AJVASCRIPT, SQL, PYTHON, PHP등으로 구성되어 있어 다양한 서비스를 이용할 수 있습니다 웹관련 프로그램 소스가 궁금하시다면 w3schools를 활용해 보시기 바랍니다. 자세한 정보를 원하신다면 https://www.w3schools.com 주소를 참고 하시면 더많은 정보를 확인 하실 수 있습니다.