Publishing/HTML

HTML 기본 태그

oodada 2020. 2. 7. 09:35
반응형

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>

 

HTML 제목

HTML 제목은 <h1>to <h6>태그 로 정의됩니다 .

<h1>가장 중요한 제목을 정의합니다. <h6>가장 중요한 제목을 정의합니다. 

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

 

HTML 단락

HTML 단락은 <p>태그 로 정의됩니다 .

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

 

HTML 링크

HTML 링크는 <a>태그 로 정의되고 링크 대상이 href속성에 지정되어 있습니다.

속성은 HTML 요소에 대한 추가 정보를 제공하는 데 사용됩니다.

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

 

HTML 이미지

HTML 이미지는 <img>태그 로 정의됩니다 .

소스 파일 ( src), 대체 텍스트 ( alt) width, 및 height속성으로 제공됩니다.

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

 

HTML 버튼

HTML 버튼은 다음 <button>태그 로 정의됩니다 .

<button>Click me</button>

 

HTML 목록

HTML 목록은 <ul>(정렬되지 않은 / 글 머리 기호 목록) 또는 <ol>(순서 / 번호가 매겨진 목록) 태그와 <li> 태그 (목록 항목)로 정의됩니다.

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
반응형

'Publishing > HTML' 카테고리의 다른 글

HTML 제목  (0) 2020.02.07
HTML 전체 태그  (0) 2020.02.07
HTML 블록 및 인라인 요소  (0) 2020.02.07
HTML 속성  (0) 2020.02.07
html이란?  (0) 2020.02.07
티스토리 친구하기