html 인라인 요소

●인라인 요소

- 자동 줄바꿈 없음(개행)
- 여러번 공백 및 개행을 하더라도 공백 1칸 차지
- 높이 설정 불가능
- 인라인 요소 내부에 블럭 요소 포함 불가능

인라인 요소 종류

 

a
- 하이퍼링크
- 페이지 이동, 페이지 새창
- 속성 : href -> 이동경로(절대경로, 상대경로), target -> 전환(이동) 옵션

 

<a href="https://naver.com" title="네이버">네이버</a>

target 옵션
- target 옵션 없을 경우 페이지 전환, 있으면 새창
- target 옵션 -> _blank

<a href="http://naver.com" target="_blank" title="naver">naver</a>

button
- 클릭을 하기위한 용도의 태그
- 폼(양식 전송), 자바스크립트와 연계해서 사용된다.
- 속성 : type
* type="button" -> 자바스크립트
* type="submit" -> 폼(양식 전송 : 폼 하위에 포함)

<button type="button" onclick="alert('클릭!')">클릭</button>

small, span, strong
- 텍스트 요소를 감싸는 용도로 쓰이는 태그
- small : 기본 폰트 사이즈보다 작게 표현
- span : 감싸는 용도
- strong : 폰트 굵게 표현