HTML day4
<a>태그 | <iframe> | 디스플레이 속성
하이퍼링크 <a>
- 하이퍼링크란 다른 페이지나 사이트로 연결하는 링크(문자 또는 이미지)
<a href="사이트 또는 이동할 문서의 위치"> 링크에 사용될 문자 또는 이미지</a>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>하이퍼링크</title>
</head>
<body>
<h2>하이퍼링크</h2>
<p><a href="https://www.daum.net">다음</a></p>
</body>
</html>
아이프레임 <iframe>
- inline frame의 약자. iframe 을 이용하면 웹페이지 안에 또다른 웹페이지를 삽입할 수 있음
<iframe src="삽입할 페이지의 주소 또는 문서 위치" style="크기를 지정할 css코드"></iframe>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>아이프레임</title>
</head>
<body>
<h2>아이프레임</h2>
<p><a href="https://WWW.daum.net" target="if">다음</a></p>
<p><iframe src="" name="if" style="width: 300px; height: 300px; border: 3px solid black;"></iframe></p>
</body>
</html>
HTML 디스플레이 속성
inline 요소
- content 크기 만큼만 자리를 차지하는 요소
- 문자(텍스트) 의 특징
- img, a, span
block 요소
- 라인을 모두 차리하는 요소
- 면의 특징
- h, p, div
