Ellis最初のhtml,css

知識の習得に順序がない.
w 3 school:html、cssなどの文法を含むサイト
勉強する時間がある:https://opentutorials.org/course/3265
htmlタグ
強い:太い
u:下線
width = "100"
ul:境界ラベル
ol:自動番号付けリストラベル
Li:リストラベル
a:href=hypertextreferenceのリンク

<a href="http://info.cern.ch/">
  
<a href="#html"> <!-- 같은 페이지 안에서 속성이 html 인거 식별해서 이동 -->

タイトル:Webタイトル
これらはすべて属性です.
パッケージングリファレンス
表示->コマンドパレット->wrap with shortification search:ドラッグ&ドロップしてラベルで包む
lorem 1000:1000ランダムラテン語単語
metadata:情報を記述する情報
本文はbody tageで囲み、本文を説明する部分はhead tagで囲みます
htmlタブで完全に囲みます.
いちばん上に書く
クライアントとサーバ(インターネット)には、2台のコンピュータが必要です.
どちらもhost
ipは0から255.0から255.0から255.0から255.0から255.0、つまり256^4、約43億個
127.0.0.1:私のコンピュータを表す特殊ip
始めたばかり!Enter=htmlフォーム自動完了
cssではhtmlのidを選択すると#hello{},classを選択すると.hello {}
width: 100vw;
height: 100vh; ウィンドウサイズ依存(動的Web)
margin: 0; 上下左右のマージン調整、0はウィンドウに適しています

{}:すべてのアプリケーション

* {
    margin: 0;
    padding: 0;
}

p {
    font-size: 2em;
    font-weight: bold;
    /* color: pink; */
    /* color: #6393e0; 첫 두글자 빨간색 중간두글자 초록색 마지막 두글자가 파란색 */
    /* color: rgb(52, 179, 138); */
    /* color: rgba(52, 179, 138, 0.5); rgba의 마지막 인자는 투명도 0~1, 0.5대신 50%라고 써도됨 */
    color: hsl(287, 56%, 47%);
    
    /* 
    em : 브라우저의 기본단위로 알아서맞춰짐, 약 15px 
    브라우저별로 유동적으로 사용 (반응형 웹: 모바일, 데스크탑)
    */
}

.henry {
    /* background-color: #53ff23; */
    background: linear-gradient(blue, white); /* 그라데이션 색 */

    width: 100vw;
    height: 100vh;

    text-align: center;
    /* flex */
    display: flex;
    align-items: center; /*수직 가운데*/
    justify-content: center; /*수평 가운데*/
}

.henry:hover { /* 마우스 커서 올라갔을때 효과주기 */
    background: linear-gradient(black, white)
}