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 |