<iframe>태그
- 다른 웹 페이지를 자신의 웹 페이지에 포함시키는 태그
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<iframe src="http://www.daum.net"></iframe>
<iframe width = "800" height ="300"src="ex08img.html"></iframe>
<iframe width="640" height="360" src="https://www.youtube.com/embed/gSQmYh-kpHY" frameborder="0" allowfullscreen></iframe>
</body>
</html>
----------------------------
==------------------------------------
<a 태그는 링크 걸어주는 태그>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
//처음링크 //클릭했을떄 //한번 방문했을떄
<body link="" alink="" vlink="">
<a href="hettp://www.daum.net">다음</a>
</body>
</html>
--------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body link="blue" alink="red" vlink="gray">
//어느창에 띄울꺼냐. self현재창, blank새창
<a href="http://www.daum.net" target="_self">다음</a> <br>
<a href="http://www.google.net" target="_blank">구글거림</a>
</body>
</html>
--------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body link="blue" alink="red" vlink="gray">
<a href="http://www.daum.net" target="_self">다음</a> <br>
<a href="http://www.google.net" target="_blank">구글거림</a>
<p id="top">Top</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<p ID="middle">middle</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#top">Top으로 이동</a><p>bottom</p>
</body>
</html>
----------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<a href="../ex12link.html" target="page">ex12파일로 이동</a>
<a href="../ex11iframe.html" target="page">ex11파일로 이동</a>
<a href="../ex09Scheduel.html" target="page">ex09파일로 이동</a>
<iframe width="600" height="600" name="page"></iframe>
</body>
</html>
-------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<table border="1">
<tr>
<td colspan="4"><h1>미니언즈 컬렉션에 오신 걸 환영합니다!</h1></td>
</tr>
<tr align="center">
<td><a href="img1.html" target="page">정상미니언</a></td>
<td><a href="img2.html" target="page">눈 하나 미니언</a></td>
<td><a href="img3.html" target="page">삼바미니언</a></td>
<td><a href="img4.html" target="page">바나나미니언</a></td>
</tr>
<tr>
<td colspan="4" align="center" ><iframe name="page" width="100%" height="100%"></iframe></td>
</tr>
</table>
</body>
</html>
------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<table>
<tr>
<td>
<fieldset>
//fieldset 제목
<legend>Body Tag</legend>
<ul> //형관펜 효과
<li><mark>background</mark></li>
<li>bgcolor</li>
<li>text</li>
<li>link</li>
<li>alink</li>
<li>vlink</li>
</ul>
</fieldset>
</td>
<td><fieldset>
<legend>Text Tag</legend>
<ul>
<li>b</li>
<li>u</li>
<li>i</li>
<li>sup</li>
<li>pre</li>
<li>xmp</li>
</ul>
</fieldset></td>
<td><fieldset>
<legend>Table Tag</legend>
<ul>
<li>width</li>
<li>height</li>
<li>align</li>
<li>cellspacing</li>
<li>border</li>
<li>bordercolor</li>
</ul>
</fieldset></td>
</tr>
</table>
</body>
</html>
---------------------------------------------
<!DOCTYPE html>
<html> //html 파일의 문서의 작 끝을 나타냄
<head> //html 파일의 정보를 갖고 있다.
<meta charset="EUC-KR"> //html파일의 검색 키워드 / 인코팅 / 새로고침
<title>Insert title here</title> //익스플로러 탭 이름을 지정하는 것, 홈페이지 이름 지정,
</head>
<body> // 실제 html 파일의 본문을 입력하는 태그
<p></p> //문단태그(자동으로 위/아래 줄 바꿈
<br> //줄 바꿈
  //띄어쓰기
<hr> //구분선
<h1></h1> //강조태그(자동으로 위/아래 줄바꿈
<font></font> //글자의 크기, 색깔, 글씨체 설정
<b></b> //글자 굵게
<u></u> //글자에 밑줄
<i></i> //글자를 이태릭체
<sup></sup> //위첨자
<sub></sub> //아래첨자
<pre></pre> //글자를 띄어쓰기, 줄바꿈을 자동으로 적용(태그o)
<xmp></xmp> //글자를 띄어쓰기, 줄바꿈을 자동으로 적용(태그x)
<img> //현재 페이지에 이미지를 출력(URL/현재 컴퓨터에 있는 이미지
<table>//표 만들어 줌
<tr>//표 안에 줄을 만들어 줌
<td></td>// 줄 안에 데이터를 입력해줌
</tr>
</table>
<ul>
<li></li>
</ul> //순서가 없는 리스트
<ol>
<li></li>
</ol> //순서가 있는 리스트
<dl>
<dt></dt>
<dd></dd>//용어의 설명
</dl> //용어를 정리하는 리스트
-----------------------------------------
<iframe></iframe> //현재 페이지 안에 새로운 페이지 출력
<a></a> //다른 페이지로 갈 수 있는 링크
<fieldset>
<legend></legend>// 제목지정
</fieldset>//비슷한 목록끼리 묶어주는 태그
<mark></mark>// 중요한 부분 체크(형광펜효과)
<details>
<summary></summary>//제목지정
</details>//클릭하면 자세한 내용 출력
<ruby>
<rt></rt>// 발음기호입력
</ruby>//글자 위에 발음기호를 출력
<video></video> //비디오 출력
<audio></audio> //오디오 출력
</body>
</html>
'노트필기' 카테고리의 다른 글
| [Web] class 0712-2 (0) | 2017.07.12 |
|---|---|
| [Web] class 0712-1 (0) | 2017.07.12 |
| [Web] Class01 (0) | 2017.07.11 |
| [Android] 2017.06.20(오후) (0) | 2017.06.20 |
| [Android] 2017.06.20(오전) (0) | 2017.06.20 |
