HTML tag

0-0eong
|2023. 9. 1. 13:22

HTML은 <태그>로 작성한다.

태그에는 종류가 많다.
글을 작성하고 싶다면 글을 작성할 때 쓰는 태그를 작성하고
이미지를 넣고 싶다면 이미지를 넣을 때 쓰는 태그를 작성해야 한다.

기본적인 태그 목록

 

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

규칙

1.태그를 열었다면 </태그명>으로 닫아줘야 한다. 닫지 않아도 되는 태그가 몇개 존재한다. <img> 태그가 그 중 하나이다.
2.보통의 태그 안에 href="", src=""와 같은 속성을 집어 넣어 추가 정보를 기입할 수 있다.
3.태그 안에 태그를 넣을 수 있다.
4.용도에 맞는 태그를 사용해야 한다. 그 이유는 HTML은 마크업 언어이다. 마크업 언어는 자료의 구조를 쉽게 파악할 수 있어야 한다.
하기에 용도에 맞게 태그를 사용해야 도움이 되고 웹표준에 맞는 웹을 만들 수 있다.

이미지를 눌렀을 때 다른곳으로 이동시키고 싶다면? 

링크를 만드는 태그는 <a></a> 이고 태그안에 다른 태그를 또 넣을 수 있다고 했다. 아래와 같이 하면 되지 않을까??

 

<a href="http://naver.com">
<img src="">
</a> 입력하세요

'HTML&CSS' 카테고리의 다른 글

HTML&CSS float  (0) 2023.09.01
HTML div  (0) 2023.09.01
HTML what is CSS  (0) 2023.09.01
HTML styling  (0) 2023.09.01
HTML basic  (0) 2023.09.01