ガイドバーによるカードニュースの作成

ハイパーリンクの書き方

<a href="https://www.naver.com" target="self"> </a>

.target:他のWebブラウザウィンドウまたはフレームセット機能を使用
ハイパーリンクにリンクされたドキュメントを表示します.
指定しない場合は、ハイパーリンクをハイパーリンクとして同じWebブラウザウィンドウに配置します.
リンクされたドキュメントが表示されます.
​

  1. blank  : 새로운 웹 브라우저 창에 하이퍼 링크로 연결한 문서가  

                ​​나타나게 합니다.

​

  2. parent : 프레임 문서의 구조에서 하이퍼링크로 연결한 문서를
                현재 프레임이 포함된 상위 프레임 창에 나타나게 합니다.

​

  3. top    : 프레임 문서의 구조라 할지라도 웹 브라우저 창의 형태로 
                하이퍼링크로 연결한 문서를 보여줍니다.

  4. self   : 현재와 같은 웹브라우저 창에 하이퍼링크로 연결한 문서를

               보여줍니다.

​

  5. 프레임 이름 : 프레임 문서의 구조에서 지정한 프레임 창에
                        하이퍼 링크로 연결한 문서를 보여줍니다.

​
フォントを太くする方法は以下の通りです.
cssでfont-weightを設定します.
bodyで

<b></b>

書いておけばいいです.

コードの全文は以下の通りです.

```

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Jua&display=swap" rel="stylesheet">

<style>
    * {
        font-family: 'Do Hyeon', sans-serif;
        font-family: 'Jua', sans-serif;
    }

    .wrap {
        width: 900px;
        margin: auto;
    }

    .ps {
        color: blue;
        text-decoration-thickness: initial;
    }

</style>

自分のリンク手帳!

後で表示するための重要なリンクを保存
アンカーボックスを開く

ここにニュースのタイトルがあります。
記事の概要.神はわが国の万歳木槿花三千里の華麗な江山を守ってくれた...
ここにコメントがあります

ここにニュースのタイトルがあります。
記事の概要.神はわが国の万歳木槿花三千里の華麗な江山を守ってくれた...
ここにコメントがあります

ここにニュースのタイトルがあります。
記事の概要.神はわが国の万歳木槿花三千里の華麗な江山を守ってくれた...
ここにコメントがあります

ここにニュースのタイトルがあります。
記事の概要.神はわが国の万歳木槿花三千里の華麗な江山を守ってくれた...
ここにコメントがあります

ここにニュースのタイトルがあります。
記事の概要.神はわが国の万歳木槿花三千里の華麗な江山を守ってくれた...
ここにコメントがあります

ここにニュースのタイトルがあります。
記事の概要.神はわが国の万歳木槿花三千里の華麗な江山を守ってくれた...
ここにコメントがあります
```