Study/Html_Css
[HTML] 빠른 서명 카드 만들기
AneOK
2020. 1. 20. 18:33
728x90
구글이나 네이버등 메일을 작성할 때나 다른 사용처에 파일을 보낼 때 사용하려는 카드로 웹페이지 방식으로 만들어 보았습니다. 간단한 것이라 무어라 민망하지만 만든 것 저장은 해야 해서 남깁니다.
# 사랑, 우정, 믿음, 신뢰, 보답으로 된 다섯 물방울…
|
: innks 姜仁規 블로그 |
|
: AneOK AneOK - 생활 블로그 |
<html><body>
<p style="clear:both; float:left; font-family:dotum; font-size: 9pt; font-weight: normal; text-decoration: none; line-height:15px;"># 사랑, 우정, 믿음, 신뢰, 보답으로 된 다섯 물방울…</p>
<table>
<tr style = "cursor:pointer;" onClick = " location.href='https://innks.github.io/' " onMouseOver = " indow.status = 'https://innks.github.io/' " onMouseOut = " window.status = '' " >
<td align="left" valign="top" width="63">
<img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=http%3A%2F%2Fcfile22.uf.tistory.com%2Fimage%2F999934505E551BDF33B7AD" border="0" width="63" height="16" alt="Github Page" style="vertical-align: top;">
</td>
<td align="left" valign="top" style="padding-top:3px; line-height:16px; font-family:dotum; font-size: 9pt;">
<p style="float:left; color: black; font-weight: bold; text-decoration: none; margin-bottom:4px;" hidefocus="">: innks</p>
<br>
<p style="clear:both; color:#666; font-weight: normal; text-decoration: none; line-height:15px; padding-left:10px; margin-top:0">姜仁規 블로그</p>
</td>
</tr>
<tr style = "cursor:pointer;" onClick = " location.href='https://aneok.tistory.com/' " onMouseOver = " indow.status = 'https://aneok.tistory.com/' " onMouseOut = " window.status = '' " >
<td align="left" valign="top" width="67">
<img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=http%3A%2F%2Fcfile23.uf.tistory.com%2Fimage%2F99BA954E5E551BDF35C3A2" border="0" width="67" height="16" alt="Github Page" style="vertical-align: top;">
</td>
<td align="left" valign="top" style="padding-top:3px; line-height:16px; font-family:dotum; font-size: 9pt;">
<p style="float:left; color: black; font-weight: bold; text-decoration: none; margin-bottom:4px;" hidefocus="">: AneOK</p>
<br>
<p style="clear:both; color:#666; font-weight: normal; text-decoration: none; line-height:15px; padding-left:10px; margin-top:0" hidefocus="" title="theK">AneOK - 생활 블로그</p>
</td>
</tr>
</table></body></html>간단한 것이라 따로 설명은 하지 않겠습니다. 소스 궁금한 분만 보시길 바랍니다.
728x90