1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <!-- font, div --> <font size="1" color="blue">폰트 크기 1,폰트의 컬러 blue</font> <br> <font size="2" color="#ff0000">폰트 크기 2,폰트의 컬러 red</font> <br> <font size="3">폰트 크기3</font> <br> <font>기본 크기</font> <pre> 본 메일은 발신전용 입니다. 본 메일과 관련되어 궁금하신 점이나 불편한 사항은 네이버 도움말에 문의해 주시기 바랍니다. 직접 결제한 내용이 아니라면 결제도용신고로 문의해 주시기 바랍니다. <font size="5" color="red">사업자등록번호:220-81-62517</font> 통신판매업 신고번호:경기성남 제 2006 - 692호 대표이사:김준구 사업자등록정보 확인 주소:경기도 성남시 분당구 불정로 6 네이버 그린팩토리 463-867 고객센터:1588-3820 </pre> <!-- div : 범위를 설정으로 묶을 수 있는 태그 자체만으로는 의미가 없다. --> <div align="center"> <font size="6">6크기의 폰트</font> <p>단락 태그</p> </div> <div style="border-style: solid; border-color: black"> <h1>여기가 h1 태그입니다.</h1> </div> <!-- link a(anchor) --> <p> <a href="http://www.google.com">구글로 이동</a> </p> <a href="index1.html">index1.html로 이동</a> <br> <a href="index1.html" target="_self">현재창에서 링크</a> <br> <a href="index2.html" target="_black">새창으로 링크</a> <br> <!-- # = id . = class --> <p><a href="#c4">Chapter4로 이동</a></p> <h2>Chapter1</h2> <p>여기가 Chapter1입니다.</p> <br><br><br><br><br> <h2>Chapter2</h2> <p>여기가 Chapter2입니다.</p> <br><br><br><br><br> <h2>Chapter3</h2> <p>여기가 Chapter3입니다.</p> <br><br><br><br><br> <h2 id="c4">Chapter4</h2> <p>여기가 Chapter4입니다.</p> <br><br><br><br><br> <h2>Chapter5</h2> <p>여기가 Chapter5입니다.</p> <br><br><br><br><br> </body> </html> | cs |
'IT Study > Web' 카테고리의 다른 글
HTML 테이블 예제-01 (0) | 2018.07.25 |
---|---|
HTML 기본 실습-04 (0) | 2018.07.24 |
HTML 기본 실습-02 (0) | 2018.07.24 |
HTML 기본 실습-01 (0) | 2018.07.24 |
H,P,BR,PRE 태그 (0) | 2018.07.24 |