HTML이란?

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

Basic example

참고링크 : https://www.w3schools.com/html/html_examples.asp

Header
Paragraph
Link
Image
Button
List

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

저작자표시 비영리 변경금지

티스토리툴바