# HTML 기본 태그로 글 작성하기

HTML은 <태그>로 작성함.

**\<p>안녕\</p>** 이런 식의 태그들을 열고 닫은 후 내부에 글을 넣고 그림을 넣을 수 있음.



글을 작성하고 싶다면 글을 넣을 때 쓰는 태그를 사용하고,

버튼을 넣고 싶으면 버튼을 넣을 때 쓰는 태그를 사용하면 됩니다.&#x20;



**기본 태그 목록**&#x20;

```html
<p>글 본문</p>
<h1>글 제목</h1>
<img src="이미지 경로">
<a href="">링크</a>
<button>버튼</button>
<ul><li>리스트</li></ul>
<ol><li>리스트</li></ol>
```

* &#x20;태그를 열었으면 \</태그명>으로 닫아야합니다. 닫지 않아도 되는 태그도 몇개 존재합니다. \<img> 이런거요&#x20;
* &#x20;특정 태그는 안에 href=" ", src=" " 이런 속성을 집어넣어서 추가정보를 기입가능합니다.

&#x20;     href는 클릭시 이동할 링크를 기입가능하고&#x20;

&#x20;    src는 파일 경로를 기입가능합니다. &#x20;

&#x20;

* &#x20;용도에 맞는 태그를 사용해야합니다.

용도에 맞는 태그를 쓰는게 강제되는 사항은 아닙니다.

\<p>버튼\</p> 이렇게 만든 다음에 버튼처럼 꾸며도 전혀 문제될게 없습니다.

하지만 HTML은 마크업언어기 때문에 자료의 구조를 쉽게 파악할 수 있어야하는데 그럴 때 용도에 맞는 태그 사용하는게 도움이 되고

용도에 맞는 태그를 사용하면 더욱 '웹표준'에 맞는 웹을 만들어낼 수 있습니다.&#x20;



**이미지를 눌렀을 때 다른 곳으로 이동하게(링크) 만들고 싶다면?**

```html
<a href="http://naver.com">
  <img src="">
</a>
```





1. 웹페이지 만들 때 모든 요소는 태그 안에 넣는다.
2. 일부 태그는 속성 기입 가능
3. 태그안에 태그도 가능(항상은 아님)



Q. 글자 일부를 누르면 네이버로 이동하는 링크 만들기

