HTML 목록은 <ul>(정렬되지 않은 / 글 머리표 목록) 또는 <ol>(정렬 된 / 번호가 매겨진 목록) 태그, <li> 태그 (목록 항목) 다음에 정의됩니다.
//입력
HTML 단추는 <button>태그 로 정의됩니다 .
//입력시
<!DOCTYPE html>
<html>
<body>
<h2>HTML Buttons</h2>
<p>HTML buttons are defined with the button tag:</p>
<button>Click me</button>
</body>
</html>
HTML buttons are defined with the button tag:
HTML 이미지는 <img>태그 로 정의됩니다 .
소스 파일 ( src), 대체 텍스트 ( alt) width, 그리고 height속성으로 제공됩니다
(width,height = 너비,높이)
//입력시
<!DOCTYPE html>
<html>
<body>
<h2>HTML Images</h2>
<p>HTML images are defined with the img tag:</p>
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
</body>
</html>
HTML images are defined with the img tag:
HTML 링크는 <a>태그 로 정의됩니다 .
<a href="https://www.w3schools.com">This is a link</a>링크 대상이 href속성에 지정됩니다 .
속성은 HTML 요소에 대한 추가 정보를 제공하는 데 사용됩니다.
속성에 대한 자세한 내용은 이후 장에서 배우게 될 것입니다.
//입력시
<!DOCTYPE html>
<html>
<body>
<h2>HTML Links</h2>
<p>HTML links are defined with the a tag:</p>
<a href="https://www.w3schools.com">This is a link</a>
</body>
</html>
HTML links are defined with the a tag:
This is a link //링크버튼생성 클릭시 넘어감 https://www.w3schools.com
HTML 단락은 <p>태그 로 정의됩니다 .
//입력시
<!DOCTYPE html>
<html>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
//출력시
This is a paragraph.
This is another paragraph
HTML 표제는 <h1>to <h6>태그 로 정의됩니다 .
<h1>가장 중요한 제목을 정의합니다. <h6>가장 중요하지 않은 제목을 정의합니다.
//입력
<!DOCTYPE html>
<html>
<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>
</html>
모든 HTML 문서는 문서 유형 선언으로 시작해야합니다 <!DOCTYPE html>.
HTML 문서 자체는로 시작 <html>하고로 끝납니다 </html>.
HTML 문서의 보이는 부분은와 사이 <body>에 </body>있습니다.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>