HTML & CSS tag a(링커) 걸기 주소

<div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/33UvhCoPrmc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/33UvhCoPrmc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div><div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/5tqYiAoqbFQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/5tqYiAoqbFQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div><div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/klYF4Ngz-OE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/klYF4Ngz-OE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div>HTML & CSS tag a(링커) 걸기 주소<!DOCTYPE html><html lang="KO_Yoon"><head><meta charset="UTF-8"><meta name="viewoport" content="width=device-width.initial-sscale=1.0"><title>Hello, World!.</title></head><body>    <script>        consoole.log("Hello, World!.");        <script src="main.js"></script>    </script></body></html>꿀팁: Code Runner(익스텐션)index_html & css  tag<!DOCTYPE html><html lang="KO_Yoon"><head><meta charset="UTF-8"><meta name="viewoport" content="width=device-width.initial-sscale=1.0"><title>Design  House</title><link rel="stylesheet" href="style.css"></head><body>     <div class="contaainer">         <div class="header">            <h1><a href="#">DESIGN</a></h1>            <div class="nav">                 <ul>                     <li><a href="#">HOME</a></li>                    <li><a href="#">BEDROOM</a></li>                    <li><a href="#">DINTNG</a></li>                    <li><a href="#"KITCHEN</a></li>                    <li><a href="#">BACKYARD</a></li>                 </ul>           </div>          </div>          <div class="hero">             <h2>DESIGN OUR HHOUSSE</h2>             sUBSCRIBE eASY yOUTUTB  Channek to ............ prees.........             <button>WATCH VIDEOS</button>        </fdiv></body></html>INDEX-HTML CSS tag@font-face{     font-family: abster;         scr::url(font/abster-webfont.woff) format(\woff'); } *{  margin: 0;  padding: 0;  box-sizing-box;} .container{  width: 100%;  heiht: 100va;  backgground: 1ine;용어 설명 font-familyCSS tag <NotSupported version="1.3" type="codeblock" rawAttribute="{text=body, language=hljs css}" />출처: <a href="https://webclub.tistory.com/261" target="_top" class="ke-link">https://webclub.tistory.com/261</a> [Web Club:티스토리]  속성을 사용해 서체를 지정하더라도, 방문자가 반드시 지정한 서체로 표시되는 페이지를 보게 되리라는 보장은 없습니다. 해당 폰트는 방문자의 컴퓨터에 이미 설치된 상태이거나, 웹 폰트의 경우라면 사이트의 방문과 함께 임시로 다운된 상태여야 합니다. 그래서 일반적으로 웹 폰트를 사용할 때는 웹 사이트의 서버에 올려놓고 사용하는 경우가 많습니다. 아무튼 여러분이 선호하는 서체를 방문자가 사용할 수 있으라는 보장이 없기 때문에, 주요 서체가 없을 경우 사용할 대안 폰트까지 명시하는 것이 일반적인 관습입니다.font-family 에 명시한 첫 번째 서체가 컴퓨터에 없는 경우, 브라우저는 사용 가능한 서체를 발견할 때 까지 font-family 에 지정된 폰트 목록을 훑어 나갑니다. 따라서 대부분의 운영체제에 기본 설치되는 유사 서체 목록을 다음과 같이 지정해서 사용하곤 합니다.위의 코드와 같은 경우는 웹 브라우저의 Times New Roman 폰트가 설치되어 있는지 살피고 있는 경우에는 해당 폰트를 사용한다. 설치되어 있지 않다면 그 다음 폰트, 그 다음 폰트를 훑어 나가게 됩니다.또한 Time New Roman 폰트와 같이 서체 이름이 하나 이상의 단어로 구성되어 있다면 따옴표로 둘러 싸야 합니다.  웹 폰트(Web Font)의 사용CSS에서 폰트를 사용하는 전통적인 방식은 직관적입니다.웹 폰트를 위해 사용하는 CSS 코드는 매우 간단하며, 두 개의 CSS 명령어만이 필요합니다.<ul style="list-style-type: disc;" data-ke-list-type="disc"><li>@font-face 지시어는 웹 브라우저에게 서체 이름과 다운받을 위치를 알려줍니다.  이 명령어의 동작 방식은 뒤에서 살펴봅니다.</li><li>font-family 속성의 사용법은 위에서 언급한 일반 폰트의 사용법과 같습니다. 일단 @font-face 를 사용해 브라우저에게 서체를 다운받으라 알린 다음에는, 어느 CSS에서도 일반 폰트와 동일하게 font-family를 통해 사용할 수 있게 됩니다.</li></ul> 출처: <a href="https://webclub.tistory.com/261" target="_top" class="ke-link">https://webclub.tistory.com/261</a> [Web Club:티스토리]