카테고리 없음

HTML Basic

Toycode 2018. 8. 9. 15:02

HTML이란?

: HTML 이란 Hyper Text Markup Language 의 약자로써 월드와이드웹 문서를 작성하는 Markup Language 입니다. HTML 은 여러 태그들로 구성되어 있으며 각 태그들을 사용하여 원하는 형태의 문서를 만들어 갈 수 있습니다. 인터넷문서는 Hyper Text 의 원리를 이용하여 여러 문서를 링크시켜 다양한 정보를 손쉽게 검색하여 볼 수 있게 만들어 줍니다.

Basic example




  • Header <h1></h1> - 머릿말을 적을 때 사용한다.

<body>


<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>

<h4>This is heading 4</h4>

<h5>This is heading 5</h5>

<h6>This is heading 6</h6>


</body>


View : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_headings



  • paragraph <p></p> - 문단을 나눌때 사용한다.

<body>


<p>This is a paragraph.</p>

<p>This is another paragraph.</p>


</body>


View : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_paragraphs



  • link <a href="(링크주소)"></a> - 외부 웹으로 링크

<body>


<a href="https://www.w3schools.com">This is a link</a>


</body>


View : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_link


  • image <img src="(사진경로)"> - 사진첨부 (DIR/URL) 경로 선택

<body>


<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">


</body>


View : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_img


  • button <button>(사용할 이름)</button> - 버튼생성

<body>


<button>Click me</button>


</body>


View : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_button_basic


  • List <ul></ul>,<ol></ol> - 리스트 생성( 숫자x / 숫자o )

<body>


<h2>An Unordered HTML List</h2>


<ul>

  <li>Coffee</li>

  <li>Tea</li>

  <li>Milk</li>

</ul>  


<h2>An Ordered HTML List</h2>


<ol>

  <li>Coffee</li>

  <li>Tea</li>

  <li>Milk</li>

</ol> 


</body>


View : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_intro



저작자표시 비영리 변경금지 (새창열림)