html정의와 종류

소개글

html정의와 종류에 대한 보고서 자료입니다.

목차

HTML이란?

HTML의 기본구조
■ <title>~</title> (*중요)
■ 주석
■ 계층적인 구조

★　Body 태그 사용 방법 ★

★　기본 태그에 대한 설명과 예제　★

★　그림 관련 태그 ★

★ 링크 관련 태그 ★

★ 테이블 관련 태그 ★

★　프레임 관련 태그 ★

★　양식과 관련된 태그　★

★　개체와 관련된 태그　★

★ 음악과 관련된　태그 ★

본문내용

ENTER,RIGHT VALIGN=TOP,MIDDLE,BOTTOM> 좌우,중앙,상하 정렬
★　프레임 관련 태그 ★
한 페이지에 두개 이상의 창을 작성
화면에 세로 방향으로 금을 그어 화면을 나누는 방식
화면에 가로 방향으로 금을그어 화면을 나누는 방식
프레임에 불러올 HTML문서 링크
프레임 창의 가로 여백을 지정
프레임 창의 세로 여백을 지정
프레임 차의 스크롤 지정여부,자동여부
프레임의 경계선의 크기를 지정
프레임 창에서 링크된 경우 링크될때 보여주는 창을 지정
프레임에 고유의 이름을 간단하게 씀
★　양식과 관련된 태그　★
①/ 시작태그:필요 함 / 종료태그:필요 함
홈페이지에 단추를 만듭니다. 단추는 BUTTON, SUBMIT, RESET으로 용도에 따라 사용 합니다
②

/ 시작태그:필요 함 / 종료태그:필요 함
여러개의 양식을 하나의 그룹으로 묶는 기능을 합니다.
③

/ 시작태그:필요 함 / 종료태그:필요 함
양식을 설정하는 태그로서 단독으로 사용할 수 없습니다.

<SELECT> 등의 태그가 <FORM> 태그 안에서 사용됩니다 <br /> ④<INPUT>/ 시작태그:필요 함 / 종료태그:사용 금지<br /> 양식을 만드는 태그입니다. 속성에 따라 여러 가지 모양의 양식을 나타낼 수 있습니다 <br /> ⑤<OTION>/ 시작태그:필요 함 / 종료태그:필요 없음<br /> 이　태그는 <SELECT>태그에서 목록에 항목을 만드는 태그입니다.<br /> ⑥<SELECT>/ 시작태그:필요 함 / 종료태그:필요 함<br /> 드롭다운 박스에 의한 선택형 메뉴를 만듭니다.<br /> ★　개체와 관련된 태그　★<br /> ①<EMBED>/ 시작태그:필요 함 / 종료태그:필요 없음<br /> 홈페이지에 플러그인 개체를 삽입 할때 쓰이며, 브라우저가 지원하지 않으면 플러그인을 설치 해야 합니다. W3C에서는 OBJECT 태그 권장하며 이 태그는 시작 태그만 사용 합니다.<br /> ②<OBJECT>/ 시작태그:필요 함 / 종료태그:필요 함<br /> 홈페이지에 개체를 삽입하는 태그입니다. 개체(avi,quicktime..)에 따라 player가 동작 합니다. 즉 제작자로 하여금 외부로 또는 프로그램을 돌릴 것인지를 지정 할 수 있게 합니다.<br /> ★ 음악과 관련된　태그 ★<br /> ①<EMBED SRC="사운드.파일명" AUTOSTART=TRUE LOOP=n> AUTOSTART를 사용해 홈페이지로 들어오면 백 그라운드 음악이 자동으로 시작하도록 지정할 수 있습니다. 이 태그는 넷스케이프에서만 적용됩니다. <br /> ②<BGSOUND src="사운드.파일명" LOOP=2> <EMBED>태그와 비슷하며 익스플로러에서만 적용됩니다.</div> </div> <div class="detail keyword"> <h4 class="subject">키워드</h4> <div class="substance"> <a href="/search/?qt=html" title="html(으)로 검색하기" target="_blank">html</a>,   <a href="/search/?qt=%ED%83%9C%EA%B7%B8" title="태그(으)로 검색하기" target="_blank">태그</a>,   <a href="/search/?qt=%EC%97%90%EC%9D%B4%EC%B9%98%ED%8B%B0%EC%97%A0%EC%97%98" title="에이치티엠엘(으)로 검색하기" target="_blank">에이치티엠엘</a>,   <a href="/search/?qt=tag" title="tag(으)로 검색하기" target="_blank">tag</a>,   <a href="/search/?qt=TAG" title="TAG(으)로 검색하기" target="_blank">TAG</a>,   <a href="/search/?qt=HTML" title="HTML(으)로 검색하기" target="_blank">HTML</a> </div> </div> <div class="detail refer"> <h4 class="subject">추천자료</h4> <div class="substance"> <ul class="list"> <li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/223979">HTML Form태그들의 특성 및 실제 종류</a></li><li><img src="/images/icon/icon_ppt_mini.gif" alt="" /><a href="/report-view/345549">웹 페이지 제작 및 운용(HTML-태그 수업 지도안)(A+레포트)</a></li><li><img src="/images/icon/icon_ppt_mini.gif" alt="" /><a href="/report-view/385299">HTML 기본 태그</a></li><li><img src="/images/icon/icon_ppt_mini.gif" alt="" /><a href="/report-view/433857">HTML 태그의 종류와 사용</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/463220">HTML 태그 정리</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/487156">태그(TAG)용어정리</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/502022">[HTML][HTML문서][인터넷][웹사이트]HTML의 의미, HTML의 기본구조, HTML의 기본태그, HTML의...</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/609256">html 태그 조사</a></li><li><img src="/images/icon/icon_hwp_mini.gif" alt="" /><a href="/report-view/617818">HTML 4.01 태그 총정리</a></li> </ul> </div> </div> <div style="position:relative; margin:10px;"> <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-u7okgcjyqkiu" data-ad-width = "320" data-ad-height = "100"></ins> <script type="text/javascript" src="//t1.daumcdn.net/adfit/static/ad.min.js" async></script> </div> </div> </div> <!-- End of div.row1 --> <div class="row2"> <div class="sub_detail goods_info"> <ul> <li><span>가격</span><strong class="price">1,000</strong>원</li> <li><span>페이지수</span>7페이지</li> <li><span>등록일</span>2006.05.04</li> <li><span>저작시기</span>2006.5</li> <li><span>파일형식</span>한글(hwp)</li> <li><span>자료번호</span>#347799</li> </ul> </div> <div class="download" id="down_and_cart"> <a href="https://www.jisikworld.com/union/cart_add.html?no=347799&kind=DT&DP=ok" title="다운로드"> <img src="/images/button/btn_download.gif" alt="다운로드" /> </a> <a href="https://www.jisikworld.com/union/cart_add.html?no=347799&kind=DT" title="장바구니에 담기"> <img src="/images/button/btn_mycart.gif" alt="장바구니" /> </a> <div class="naver_login"><a href="#" onclick="win_open('/sso/naver_start.html?where=&no=347799&kind=DT', 'naver_login','400','600', 'no','yes','no','yes'); return false;"><img src="/images/bt_view_login_naver.gif" alt="네이버 아이디 로그인" class="naver_login"/></a></div> </div> <div class="sub_detail down_notice">본 자료는 최근 2주간 다운받은 회원이 없습니다.</div> <div class="sub_detail saw_list"> <div class="title"> <div class="roll_btn"> <a href="#"><img src="/images/btn_roll_off.png" alt="" class="roll_img" /></a> </div> </div> <div class="substance"> </div> </div> <div class="csh_event"> <a href="https://www.cheongsohae.com/?domain=jw&banner=csh1" target="_blank"><img src="/images/event/csh1.jpg" alt="청소해"/></a> </div> <div class="daum_cpm"> <ins class="kakao_ad_area" style="display:none;" data-ad-unit = "DAN-1jeipzeprj2hv" data-ad-width = "250" data-ad-height = "250"></ins> <script type="text/javascript" src="//t1.daumcdn.net/adfit/static/ad.min.js" async></script> </div> <div id="ptmanager_banner"> <a href="http://www.ptmanager.co.kr" target="_blank"> <img src="/images/ptmanager/banner_view.gif" alt="피티매니저" /> </a> </div> <div class="sub_detail copyright2" id="copyright_txt"> </div> <script> viewRowTxt("347799"); </script> </div> <!-- End of div.row2 --> </div> </div> <!-- End of div#view_article.article --> <!-- <div class="page_banner"> <div class="banner_line"></div> <div class="banner"><img src="/images/banner/banner_view.gif" alt="" /></div> </div>--> </div> <!-- End of div#contents --> <div class="fix_search"> <div class="line"></div> <div class="detail"> <a href="#" class="bi"><img src="/images/bi_top_search.gif" alt="지식월드" /></a> <form method="get" action="/search/"> <input type="text" name="qt" class="fix_kwd" /> <input type="image" src="/images/button/btn_search.gif" class="search_submit" /> </form> </div> </div> <div class="fix_down"> <a href="https://www.jisikworld.com/union/cart_add.html?no=347799&kind=DT&DP=ok" title="다운로드"> <img src="/images/button/btn_download.gif" alt="다운로드" /> </a> <a href="https://www.jisikworld.com/union/cart_add.html?no=347799&kind=DT" title="장바구니에 담기"> <img src="/images/button/btn_mycart.gif" alt="장바구니" /> </a> <div class="naver_login"><a href="#" onclick="win_open('/sso/naver_start.html?where=&no=347799&kind=DT', 'naver_login','400','600', 'no','yes','no','yes'); return false;"><img src="/images/bt_view_login_naver.gif" alt="네이버 아이디 로그인" class="naver_login"/></a></div> </div> <div id="footer"> <div class="footer_line"></div> <div class="footer_wrap max_width"> <div class="foot_img_1"> <ul> <li><a href="http://www.gcomin.co.kr" target="_blank" class="info_com" title="">회사소개</a></li> <li><a href="/cscenter/law/tos.html" target="_blank" class="info_tos" title="">이용약관</a></li> <li><a href="/cscenter/law/privacy.html" target="_blank" class="info_pri" title="">개인정보처리방침</a></li> <li><a href="/cscenter/law/law.html" target="_blank" class="info_law" title="">책임의 한계와 법적고지</a></li> <li> <a href="#" class="info_email" onclick="window.open('/cscenter/law/email_deny.html','email','menubar=no, toolbar=no, location=0, directory=0, resizable=0, scrollbars=0, status=0, width=400, height=420');return false;"> 이메일 수집 거부 </a> </li> <li class="last"> 고객센터 1600-6632 </li> </ul> </div> <div class="foot_img_2"> <a href="mailto:[e-mail]" class="mailto"></a> </div> <div class="foot_blank"></div> </div> </div> <!-- End of div#footer --> <!-- 네이버 스크립트 --> <!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 --> <script type="text/javascript" src="https://wcs.naver.net/wcslog.js"> </script> <script type="text/javascript"> if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_5941bb11e4e8"; if (!_nasa) var _nasa={}; wcs.inflow('jisikworld.com'); wcs_do(_nasa); </script> <script src='/include/script/cookie.js'></script> <script> js_setcookie('today_cook','',-1,'/','.jisikworld.com'); </script> <script src='/include/script/cookie.js'></script> <script> js_setcookie('today_cook','DT_347799',1752963472,'/','.jisikworld.com'); </script> </body> </html>