카테고리 없음

HTML Iframes: 링크걸기 연습, 한글깨짐 방지

안박 2022. 10. 18. 21:05

https://www.w3schools.com/html/html_iframe.asp

 

HTML Iframes

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

여러 링크를 올리는 방법 : Iframe - Target for a Link

<!DOCTYPE html>
<html>
<body>

<h2>Iframe - Target for a Link</h2>

<iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"></iframe>

<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a> | <a href="https://saramdaum010.tistory.com" target="iframe_a">https://saramdaum010.tistory.com/</a> | <a href="https://daum.net" target="iframe_a">https://daum.net/</a> | <a href="https://www.nate.com" target="iframe_a">https://www.nate.com/</a> | <a href="https://www.youtube.com" target="iframe_a">https://www.youtube.com/</a> 



</p>

<p>When the target attribute of a link matches the name of an iframe, the link will open in the iframe.</p>

</body>
</html>

 

 

https://spaces.w3schools.com/space/saramdaum010/editor

 

Spaces - W3schools

 

spaces.w3schools.com

<!doctype html>

<html>
    <head>
        <meta charset="utf-8">

        <title>Blank template</title>

        <!-- Load external CSS styles -->
        <link rel="stylesheet" href="styles.css">

    </head>

    <body>

      <h2>Iframe - Target for a Link</h2>
      <p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a> | <a href="https://saramdaum010.tistory.com" target="iframe_a">https://saramdaum010.tistory.com/</a> | <a href="https://daum.net" target="iframe_a">https://daum.net/</a> | <a href="https://www.nate.com" target="iframe_a">https://www.nate.com/</a> | <a href="https://www.youtube.com" target="iframe_a">https://www.youtube.com/</a>



      </p>

      <iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"></iframe>


     
       
       
    </body>

</html>

----- https://saramdaum010.w3spaces.com/index.html

 

https://saramdaum010.w3spaces.com/index.html

 

saramdaum010.w3spaces.com

 

 

HTML 한글깨짐 방지

 

<meta charset="utf-8">
<html lang="kr'>
  <head>
     <meta charset="utf-8">
     <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  </head>