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

이빈·2023년 10월 21일

html/css

목록 보기
1/18

기본태그 목록

<p>글 본문</p>
<h1>글 제목</h1>
<img src="이미지 경로">
<a href="">링크</a>
<button>버튼</button>
<ul><li>리스트</li></ul>
<ol><li>리스트</li></ol>
  • 태그를 열었으면 /닫아야 하는데, 닫지 않아도 되는 태그가 존재한다.
  • href는 클릭시 이동할 링크를 기입.
  • src는 파일 경로를 기입.
  • 용도에 맞는 태그 사용하기.

<실습 코드>

<h3>사과팔아요</h3>
    <p>안녕하세요 
        <a href="https://naver.com">이동하기</a>
    </p>
    <button>버튼임</button>
    <ol>
        <li>항목1</li>
        <li>항목2</li>
        <li>항목3</li>
    </ol>
    <ul>
        <li>항목1</li>
        <li>항목2</li>
        <li>항목3</li>
    </ul>
    <a href="https://google.com">
        <img src ="apple.jpg">
    </a>

<결과>

<숙제>
p태그 내부의 일부 글자에 링크 걸기

<p>안녕하세요 
   <a href="https://naver.com">이동하기</a>
</p>

-> 일부 글자를 a태그로

0개의 댓글