미니멜로디

HTML 대표적인 텍스트 태그! hn과 p, br 그리고 a로 링크 걸기 본문

분류없음

HTML 대표적인 텍스트 태그! hn과 p, br 그리고 a로 링크 걸기

미니멜로디 2017.10.10 16:01

<h1><a href="https://google.co.kr" target="_blank">Google</a></h1>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.<br>

Soluta, adipisci cupiditate reiciendis voluptatum, sapiente mollitia quam incidunt!<br>

Odio, modi quia dolore non fugit delectus consequuntur officiis, nisi ipsa facilis iusto.</p>


<hn>

일반 텍스트보다 크고 진하게 표시되는 제목 태그이다. 가장 크게 표시되는 <h1>부터 가장 작게 표시되는 <h6>까지 있다.

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>


<p>

텍스트를 표시할 때 가장 많이 사용되는 태그이다. 텍스트가 브라우저 너비 안에서 줄바꿈 없이 한 줄로 표시된다.

<p>Paragraph</p>


<br>

줄을 바꾸고 싶다면 그 위치에 <br> 태그를 사용한다.

<br>


<a>

링크를 만드는 태그로 텍스트나 이미지와 함께 사용한다.

<a href="링크 주소" target="_blank"> 텍스트 or 이미지 </a>

  • href : 속성값으로 링크를 이용해 연결할 주소를 입력한다.
  • target : 링크 내용이 표시될 위치를 지정한다. 기본값은 _self로 현재창에서 열리는데 _blank로 지정하면 새 창에서 열린다.


0 Comments
댓글쓰기 폼