html 기본기 다지기 - display

title : 마우스를 가져다 놓았을 때 " 내용" 을 넣어서 보여줄 수 있다.

<h1 title="툴팁">title 속성은 tooltip이다</h1>

 

anchor tag  <a> 태그

href : 클릭하면 "링크" 로 이동할 수 있게 해주고  " " 일 경우 새로고침한다.

<a href="https://www.naver.comr">네이버</a>

Inline elements: 같은 줄 <button>, <a>, <input>,  <textarea>, <span>

1) Bold Text : <b> , <strong> 

<b>찐하게</b>    // 외관상
<strong>찐하게</strong> //논리

 

결과 : 

찐하게 찐하게

2) Italic Text : <i> , <em>

<i>기운글</i>  //외관
<em>기운글</em>  //논리

 

결과:

기운글 기운글 

3) HTML Marked formatting : <mark>

<mark>노란색 배경 </mark>

 

결과:

노란색 배경

 

4) Underlined Text : <u>

<u>아래라인</u>

결과:

아래라인