HTML 블록 검색 결과, 1

IT정보

HTML 이란 / 사용 하는 방법

HTML이란어렵죠. 쉽게 설명해서 알아볼게요.HyperText Markup LanguageHTML은 웹 페이지를 작성하기 위한 표준 마크업 언어기본적인 HTML 구성 HTML5 정의 루트 엘리먼트 문서에 대한 메타정보 포함 문서의 타이틀 지정<body> 페이지의 컨텐츠기본적인 태그의 종류제목태그 <h1> ~ <h6>단락태그 <p> <pre> 쓴 그대로 반영링크태그 <a href="주소">이미지태그<img src="주소" alt="대체 텍스트" width="너비" height="높이">줄바꿈태그 <br> (닫는태그 없음)수평선태그 <hr>스타일태그 <style> 색상,글꼴,배경색 등.. 변경HTML 속성언어 선언 속성 <html lang="ko"..</span></a> </div> </div> </div> <!--</div>--> <div class='row'> </div> <div class=row> <div class=paging_container> <a class="paging_chev no-more-prev"><span class='glyphicon glyphicon-chevron-left'></span></a> <a class=paging_num><span class="selected">1</span></a> <a class="paging_chev no-more-next"><span class='glyphicon glyphicon-chevron-right'></span></a> </div> </div> </div> </div> </div> <div class='container-fluid bottombox'> <div class=container> <div class=row> <div class='col-xs-12 text-center side_profile'> <s_sidebar_element> <img src=https://tistory3.daumcdn.net/tistory/2889578/attach/09d2494712f3424695827ee6699a8766 width=100 height=100 class="img-circle center-block side_img"> <p class='center-block txt1' style=line-height:1.8>dachshund-dream<br/></p> <div class='col-xs-12 col-sm-4 col-sm-offset-4 text-center'> <p></p> </div> </s_sidebar_element> </div> </div> <div class=row> <div class='col-xs-12 col-sm-4 side_container'> <strong class='txt2 side_title'>카테고리</strong> <s_sidebar_element> <div class=side_category> <ul class='side_notice'> <li><a href="/notice/2">[공지] 닥스훈트의 꿈은...4.16 잊지 않을게요. 고인..</a> </li> </ul> <ul class="tt_category"> <li class=""> <a class="link_tit" href="/category"> 분류 전체보기 <span class="c_cnt">(303)</span> </a> <ul class="category_list"> <li class=""> <a class="link_item" href="/category/%EA%B1%B4%EA%B0%95%EC%9D%B4%EC%95%BC%EA%B8%B0"> 건강이야기 <span class="c_cnt">(107)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EA%B1%B4%EA%B0%95%EC%9D%B4%EC%95%BC%EA%B8%B0/%EC%97%B0%EC%95%A0%EB%B0%B1%EA%B3%BC"> 연애백과 <span class="c_cnt">(9)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B1%B4%EA%B0%95%EC%9D%B4%EC%95%BC%EA%B8%B0/%EC%82%AC%EC%9D%B4%EC%96%B8%EC%8A%A4"> 사이언스 <span class="c_cnt">(30)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B1%B4%EA%B0%95%EC%9D%B4%EC%95%BC%EA%B8%B0/%ED%95%99%EB%AC%B8"> 학문 <span class="c_cnt">(1)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EA%B1%B4%EA%B0%95%EC%9D%B4%EC%95%BC%EA%B8%B0/%EC%8A%A4%ED%8F%AC%EC%B8%A0"> 스포츠 <span class="c_cnt">(11)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EC%84%B8%EC%83%81%EC%9D%B4%EC%95%BC%EA%B8%B0"> 세상이야기 <span class="c_cnt">(57)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EC%84%B8%EC%83%81%EC%9D%B4%EC%95%BC%EA%B8%B0/%EA%B5%AD%EB%82%B4%EC%9D%B4%EC%95%BC%EA%B8%B0"> 국내이야기 <span class="c_cnt">(21)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EC%84%B8%EC%83%81%EC%9D%B4%EC%95%BC%EA%B8%B0/%ED%95%B4%EC%99%B8%EC%9D%B4%EC%95%BC%EA%B8%B0"> 해외이야기 <span class="c_cnt">(10)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EA%B2%8C%EC%9E%84%20%EC%9D%B4%EC%95%BC%EA%B8%B0"> 게임 이야기 <span class="c_cnt">(16)</span> </a> </li> <li class=""> <a class="link_item" href="/category/%EC%98%81%ED%99%94%20%EC%9D%B4%EC%95%BC%EA%B8%B0"> 영화 이야기 <span class="c_cnt">(9)</span> </a> </li> <li class=""> <a class="link_item" href="/category/%EB%B0%A9%EC%86%A1%EC%9D%B4%EC%95%BC%EA%B8%B0"> 방송이야기 <span class="c_cnt">(54)</span> </a> <ul class="sub_category_list"> <li class=""> <a class="link_sub_item" href="/category/%EB%B0%A9%EC%86%A1%EC%9D%B4%EC%95%BC%EA%B8%B0/Dream%20%EB%93%9C%EB%9D%BC%EB%A7%88%EC%9D%B4%EC%95%BC%EA%B8%B0"> Dream 드라마이야기 <span class="c_cnt">(13)</span> </a> </li> <li class=""> <a class="link_sub_item" href="/category/%EB%B0%A9%EC%86%A1%EC%9D%B4%EC%95%BC%EA%B8%B0/%EB%8B%A4%ED%81%90%2C%20%EC%8B%9C%EC%82%AC%20%EC%9D%B4%EC%95%BC%EA%B8%B0"> 다큐, 시사 이야기 <span class="c_cnt">(34)</span> </a> </li> </ul> </li> <li class=""> <a class="link_item" href="/category/%EC%9E%90%EB%8F%99%EC%B0%A8%20%EC%A0%95%EB%B3%B4"> 자동차 정보 <span class="c_cnt">(34)</span> </a> </li> <li class=""> <a class="link_item" href="/category/IT%EC%A0%95%EB%B3%B4"> IT정보 <span class="c_cnt">(19)</span> </a> </li> <li class=""> <a class="link_item" href="/category/%EC%B0%BD%EC%97%85%EC%95%84%EC%9D%B4%ED%85%9C"> 창업아이템 <span class="c_cnt">(2)</span> </a> </li> </ul> </li> </ul> </div> </s_sidebar_element> </div> <div class='col-xs-12 col-sm-4'> <div class=side_container> <strong class='txt2 side_title'>새로운 이야기</strong> <s_sidebar_element> <div class=side_recent> <ul> <li> <a href=/366 title=한인애국단 독립운동가 김구선생님> 한인애국단 독립운동가 김구선생님 <span id="commentCountOnRecentEntries366">(2)</span> </a> </li> <li> <a href=/364 title=단기간 살빼기 한달 프로젝트> 단기간 살빼기 한달 프로젝트 <span id="commentCountOnRecentEntries364"></span> </a> </li> <li> <a href=/363 title=KADIZ 이란? 한국방공식별 구역?> KADIZ 이란? 한국방공식별 구역? <span id="commentCountOnRecentEntries363"></span> </a> </li> <li> <a href=/362 title=러시아 군용기 독도 영공에 2번 침범> 러시아 군용기 독도 영공에 2번 침범 <span id="commentCountOnRecentEntries362"></span> </a> </li> <li> <a href=/359 title=때는 왜 밀까? 왜 사람에 몸에서 때가 나올까?> 때는 왜 밀까? 왜 사람에 몸에서 때가 나올까? <span id="commentCountOnRecentEntries359"></span> </a> </li> <li> <a href=/358 title=하지정맥류란?> 하지정맥류란? <span id="commentCountOnRecentEntries358"></span> </a> </li> <li> <a href=/357 title=강동경희대학병원 혈관외과 조진현 교수, EBS..> 강동경희대학병원 혈관외과 조진현 교수, EBS.. <span id="commentCountOnRecentEntries357"></span> </a> </li> <li> <a href=/356 title=롤 대전 기록> 롤 대전 기록 <span id="commentCountOnRecentEntries356"></span> </a> </li> <li> <a href=/355 title=순천에 가성비 좋은 맛있는 닭갈비 오대감 후기> 순천에 가성비 좋은 맛있는 닭갈비 오대감 후기 <span id="commentCountOnRecentEntries355"></span> </a> </li> <li> <a href=/354 title=모링가란? 모링가 효능에 대해> 모링가란? 모링가 효능에 대해 <span id="commentCountOnRecentEntries354"></span> </a> </li> <li> <a href=/352 title=곰플레이어 자막 다운로드 방법> 곰플레이어 자막 다운로드 방법 <span id="commentCountOnRecentEntries352">(1)</span> </a> </li> <li> <a href=/351 title="무료" 복구 프로그램 Recuva 레쿠바 사용 방법> "무료" 복구 프로그램 Recuva 레쿠바 사용 방법 <span id="commentCountOnRecentEntries351">(4)</span> </a> </li> </ul> </div> </s_sidebar_element> </div> <div class=side_container> <strong class='txt2 side_title' style=margin-top:20px>태그</strong> <div class=side_tag> <a href=/tag/%EB%8B%A5%EC%8A%A4%ED%9B%88%ED%8A%B8 title='닥스훈트'> #닥스훈트</a> <a href=/tag/%EC%B9%9C%EC%A0%88%ED%95%9C%20%EB%8B%A5%EC%8A%A4%ED%9B%88%ED%8A%B8%EA%B5%B0 title='친절한 닥스훈트군'> #친절한 닥스훈트군</a> <a href=/tag/%ED%95%98%EC%99%80%EC%9D%B4 title='하와이'> #하와이</a> <a href=/tag/By%20Dachshund title='By Dachshund'> #By Dachshund</a> <a href=/tag/Hawaii title='Hawaii'> #Hawaii</a> <a href=/tag/%EB%B0%94%EB%8B%A4 title='바다'> #바다</a> <a href=/tag/%EB%8B%A5%EC%8A%A4%ED%9B%88%ED%8A%B8%EC%9D%98%20%EA%BF%88 title='닥스훈트의 꿈'> #닥스훈트의 꿈</a> <a href=/tag/%EC%9A%B0%EC%A3%BC%EC%99%95%EB%B3%B5%EC%84%A0 title='우주왕복선'> #우주왕복선</a> <a href=/tag/dachsund%20of%20dream title='dachsund of dream'> #dachsund of dream</a> <a href=/tag/GTA5 title='GTA5'> #GTA5</a> <a href=/tag/%EC%9A%B0%EC%A3%BC title='우주'> #우주</a> <a href=/tag/dachshund%20of%20dream title='dachshund of dream'> #dachshund of dream</a> </div> </div> </div> <div class='col-xs-12 col-sm-4'> <div class='side_container'> <strong class='txt2 side_title'>새로운 댓글</strong> <s_sidebar_element> <div class=side_recent> <ul> <li> <a href=/366#comment11888230 title=xxxx> [xxxx] 잘보고 갑니다. </a> </li> <li> <a href=/366#comment11885592 title=애국자> [애국자] 잘봤습니다. </a> </li> <li> <a href=/351#comment11861114 title=D> [D] ... </a> </li> <li> <a href=/351#comment11811034 title=!!!!> [!!!!] ㅋㅋ 잘봤네요 </a> </li> <li> <a href=/250#comment11810404 title=박형> [박형] 잘봤다. </a> </li> <li> <a href=/291#comment11810035 title=카마로> [카마로] 잘봤어욤 </a> </li> <li> <a href=/305#comment11810033 title=크리스마스> [크리스마스] 음 그런 의미가 있었네요 </a> </li> <li> <a href=/306#comment11810031 title=호랑이> [호랑이] 맥주 맛보고 싶네요 ^^ </a> </li> <li> <a href=/307#comment11810029 title=마우이> [마우이] 잘봤어요 </a> </li> <li> <a href=/216#comment11808775 title=DDA> [DDA] 잘봤어요 </a> </li> <li> <a href=/218#comment11808774 title=EKRK> [EKRK] 잘봤어요 </a> </li> <li> <a href=/324#comment11808773 title=RHA> [RHA] 잘봤습니다. </a> </li> </ul> </div> </s_sidebar_element> </div> <div class='side_container'> <s_sidebar_element> <div class="input-group"> <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div> <input type="text" name="searchthis" class="side_search" value="" onkeypress="if(event.keyCode==13){try{window.location.href='/search/'+looseURIEncode(document.getElementsByName('searchthis')[0].value);document.getElementsByName('searchthis')[0].value='';return false;}catch(e){}}" placeholder="검색"/> </div> </s_sidebar_element> </div> </div> </div> </div> </div> <footer> <s_sidebar_element> <div class=container> <div class=text-center> 전체_<span class=txt1>155,415 </span> / 오늘_<span class=txt1>192</span> / 어제_<span class=txt1>213</span> </div> </div> </s_sidebar_element> <div class=container> <div class=text-center> By. <a href=http://dachshund-of-dream.tistory.com/ onclick="window.open(this.href);return false">dachshund of dream</a> / Blogger. <a href=/ onclick="window.open(this.href);return false"> dachshund-dream</a> <br/><br/> dachshund-dream. </div> </div> </footer> <script type="text/javascript"> document.oncontextmenu = new Function ('return false'); document.ondragstart = new Function ('return false'); document.onselectstart = new Function ('return false'); document.body.style.MozUserSelect = 'none'; </script> <script type="text/javascript" src="https://t1.daumcdn.net/tistory_admin/assets/blog/debfc911495ac31f8814482ba1ffd8f0be745a9d/blogs/plugins/PreventCopyContents/js/functions.js?_version_=debfc911495ac31f8814482ba1ffd8f0be745a9d"></script> <script src="//search1.daumcdn.net/search/statics/common/js/g/search_dragselection.min.js"></script> <script> (function($) { $("body").bind('copy', function (e) { var url = document.location.href, decodedUrl = decodeURI(url), selection = window.getSelection(); if (typeof window.getSelection == "undefined") {//IE8 or earlier... event.preventDefault(); var pagelink = '\n\n 출처: ' + decodedUrl, copytext = selection + pagelink; if (window.clipboardData) { window.clipboardData.setData('Text', copytext); } return; } var body_element = document.getElementsByTagName('body')[0]; //if the selection is short let's not annoy our users if (("" + selection).length < 30) return; //create a div outside of the visible area var newdiv = document.createElement('div'); newdiv.style.position = 'absolute'; newdiv.style.left = '-99999px'; body_element.appendChild(newdiv); newdiv.appendChild(selection.getRangeAt(0).cloneContents()); //we need a <pre> tag workaround //otherwise the text inside "pre" loses all the line breaks! if (selection.getRangeAt(0).commonAncestorContainer.nodeName == "PRE") { newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>"; } newdiv.innerHTML += '<br /><br />출처: <a href="' + url + '">' + decodedUrl + '</a> [dachshund of dream]'; selection.selectAllChildren(newdiv); window.setTimeout(function () { body_element.removeChild(newdiv); }, 200); }); })(tjQuery); </script> <script> lightbox.option({ "fadeDuration": 200, "resizeDuration": 200, "wrapAround": false, "albumLabel": "%1 / %2", "fitImagesInViewport":true , "stopEvent": false }) </script><script src="https://t1.daumcdn.net/tistory_admin/assets/blog/debfc911495ac31f8814482ba1ffd8f0be745a9d/blogs/plugins/RainbowLink/rainbow.js?_version_=debfc911495ac31f8814482ba1ffd8f0be745a9d" type="text/javascript"></script> <script type="text/javascript"> var _tiq = 'undefined' !== typeof _tiq ? _tiq : []; _tiq.push(['__setConfig', {enableScroll:true, enableClick:true, enableButton:true}]); _tiq.push(["__setParam", "svcdomain", "user.tistory.com"]); (function(d) { var se = d.createElement('script'); se.type = 'text/javascript'; se.async = true; se.src = location.protocol + '//m2.daumcdn.net/tiara/js/td.min.js'; var s = d.getElementsByTagName('head')[0]; s.appendChild(se); })(document); _tiq.push(['__setParam', 'param_ex', JSON.stringify({"userId":"3750412","blogId":"2889578","role":"guest","filterTarget":false,"entryId":"104"})]); _tiq.push(['__trackPageview']); _tiq.push(['__content', 't_content', { 'c_id':'2889578_104', 'c_title':'HTML 이란 / 사용 하는 방법', 'type':'article', 'author':'', 'author_id':'3750412', 'cp':'dachshund of dream', 'cp_id':'2889578', 'regdata':'2018-04-24 01:58:32', 'plink':'https://dachshund-of-dream.tistory.com/104', 'media':'pcweb', }]); var addEvent = function (evt, fn) { window.addEventListener ? window.addEventListener(evt, fn, false) : window.attachEvent('on' + evt, fn); }; var removeEvent = function(evt, fn) { window.removeEventListener ? window.removeEventListener(evt, fn, false) : window.detachEvent('on' + evt, fn);}; var ua = navigator.userAgent.toLowerCase(); var isIOS = /iP[ao]d|iPhone/i.test(ua); var contentExStat = function() { _tiq.push(['__content', 't_content_ex', { 'data_type':'usage' , 'meta': { 'c_id':'2889578_104', 'c_title':'HTML 이란 / 사용 하는 방법', 'type':'article', 'author':'', 'author_id':'3750412', 'cp':'dachshund of dream', 'cp_id':'2889578', 'regdata':'2018-04-24 01:58:32', 'plink':'https://dachshund-of-dream.tistory.com/104', 'media':'pcweb', } }]); removeEvent(isIOS ? 'pagehide' : 'beforeunload', contentExStat); }; addEvent(isIOS ? 'pagehide' : 'beforeunload', contentExStat); </script> <script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || []; window.roosevelt_params_queue.push({channel_id: "dk", channel_label: 'tistory'});</script> <script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async></script><script type="text/javascript">if(window.console!=undefined){setTimeout(console.log.bind(console,"%cTISTORY","font:8em Arial;color:#EC6521;font-weight:bold"),0);setTimeout(console.log.bind(console,"%c 나를 표현하는 블로그","font:2em sans-serif;color:#333;"),0);}</script><iframe style="position:absolute;width:1px;height:1px;left:-100px;top:-100px" src="//dachshund-of-dream.tistory.com/api" id="editEntry"></iframe> <div class="#menubar menu_toolbar "> <h2 class="screen_out">티스토리툴바</h2> <div class='btn_tool btn_tool_type1' id='menubar_wrapper'></div><div class="btn_tool"> <button class="btn_menu_toolbar btn_subscription #subscribe" data-blog-id="2889578" data-url="https://dachshund-of-dream.tistory.com" data-device="web_pc"> <strong class="txt_tool_id">dachshund of dream</strong> <em class="txt_state">구독하기</em> <span class="img_common_tistory ico_check_type1"></span> </button> </div> </div><script type="text/javascript" src="https://t1.daumcdn.net/tistory_admin/assets/blog/debfc911495ac31f8814482ba1ffd8f0be745a9d/blogs/script/menubar.min.js?_version_=debfc911495ac31f8814482ba1ffd8f0be745a9d"></script> <div class="layer_tooltip"> <div class="inner_layer_tooltip"> <p class="desc_g"></p> </div> </div><div id="tistoryEtcLayer" class="layer_post"></div><div id="tistorySnsLayer" class="layer_post"></div></body> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-5b+cv-25-c5+19l" data-ad-client="ca-pub-8642245815949086" data-ad-slot="1057519933"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 링크광고 --> <ins class="adsbygoogle" style="display:inline-block;width:468px;height:15px" data-ad-client="ca-pub-8642245815949086" data-ad-slot="3935798868"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </html>