[HTML,CSS기초] 3-2.좋아하는 유튜브 소개하기

개발자 핑구·2022년 2월 23일
0

결과물

주요 코드

  <head>
    <meta charset="utf-8">
    <style>
      div {
        background-color: yellow;
      }
      span{
        background-color: #AED6F1;
      }
    </style>

: head부분에 style태그를 사용하여 div태그와 span태그에 배경색을 지정해 주었다.

<div><h1>자이언트 펭TV</h1></div>

: 제목을 div태그로 묶어서 배경색이 노란색으로 나타나게 해주었다.

<img src="펭수이미지.gif" width=500px height=400px alt="펭수움짤"> <br>

: <img>태그는 줄바꿈이 되지 않으므로 뒤에 <br>태그를 붙여서 줄바꿈이 되도록 해주었다.

<span><a href="https://www.youtube.com/channel/UCtckgmUcpzqGnzcs7xEqMzQ" target="_blank">보러가기</a></span>

: <a>태그에 target="_blank"은 링크를 눌렀을 때 새로운 탭으로 페이지가 연결된다.

0개의 댓글

관련 채용 정보