HTML 기본 태그로 글 작성해보기

김무음·2024년 8월 12일
0

HTML & CSS

목록 보기
34/58
post-custom-banner

HTML은 <태그>로 작성한다.
<태그명>안녕</태그명> 같은 식의 태그를 열고 닫은 후의 내부에 글과 그림 등을 넣을 수 있다. 태그는 종류와 용도도 무척이나 많고 글을 쓰고 싶을 때는 글을 넣을 때 쓰는 태그를, 버튼을 넣고 싶다면 버튼을 넣을 때 쓰는 태그를 이용하면 된다.

기본 태그 목록

<p>글 본문</p>
<h1>글 제목</h1>
<img src="이미지 경로">
<a href="">링크</a>
<button>버튼</button>
<ul><li>리스트</li></ul>
<ol><li>리스트</li></ol>
  1. 태그를 열었으면 꼭 </태그명>을 이용하여 닫아야 한다. 닫지 않아도 되는 태그가 존재는 하긴 하지만 대부분은 닫아야 한다.
  2. 특정 태그들은 href="", src="" 같은 속성을 집어넣어 추가정보를 기입할 수 있다.
    href는 클릭시 이동할 경로를, src는 파일 경로를 입력한다.
    3. 용도에 맞는 태그를 사용해야 한다. 무조건 그래야 하는 것은 아니지만 HTML은 마크업 언어이기 때문에 자료의 구조를 쉽게 파악할 수 있어야 하기 때문에 적절한 태그를 사용하는 것이 훨씬 도움이 되고 용도에 맞는 태그를 사용하면 더욱 "웹 표준"에 맞는 웹을 만들어 낼 수 있다.

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

<a href="http://naver.com">
  <img src="">
</a>
profile
오늘도 한 발자국 더 나아가.
post-custom-banner

0개의 댓글