[JS] HTML, CSS

9350 ワード
html CODESTATES CSS テキストリンク

HTML, CSS, JavaScript


HTML-Webページの構造
CSS-スタイル、デザインの可視化
JavaScript-インタラクティブ言語

HTML

  • Webフレームワークの寸法言語を作成する
  • tagの集合→Tag:不等号(<>)のHTMLの基本コンポーネント

    • Tree structure

  • →この文書がHTML文書であることを示す
    • - <html> → html 시작 태그로, 문서 전체의 틀을 구성
- <head> → head 태그는 문서의 메타데이터를 선언
- <title> → 문서의 제목, 브라우저의 탭에 보여짐
- <body> → 문서의 내용을 담는 곳
- <h1> → heading을 의미하며, 크기에 따라 h1부터 h6까지 있음
- <div>  → content division을 의미하며, 불바꿈됨
- <span> → 줄바꿈이 없는 컨테이너

    一般的なHTMLタグ

    - <div> - Division
- <span> - Span
- <img> - Image
- <a> - Link ← anchor의 약자
- <ul> & <li> - Unordered List & List Item
- <input> - Input(Text, Radio, Checkbox)
- <textarea> - Multi-line Text Input
- <button> - Button

    Javascriptの実行

    <script src='./script.js'></script>

    CSSの実行

    <link rel="stylesheet" href="파일 이름.css" />

    CSS


    idと命名して造形を適用する

  • html 
    • <h4 id="navigation-title">This is the navigation section.</h4>
  • css 
    • #navigation-title {
  color: red;
}

    スタイルの分類と適用

  • idは、ドキュメント内の1つの領域にのみ適用できる名前です.
    →複数の目的が同じ要素に適用される場合はclass,
    • を用いる.
  • html 
    • <ul><li class="menu-item">Home</li><li class="menu-item">Mac</li><li class="menu-item">iPhone</li><li class="menu-item">iPad</li></ul>
  • css 
    • .menu-item {
  text-decoration: underline;
}

    複数のclassを1つのエンティティに適用

    <li class="menu-item selected">Home</li>
    .selected {
  font-weight: bold;
  color: #009999;
}
    Go言語:自分のライブラリをGitHubで公開する方法+drone.ioで継続的インテグレーション
    なぜgettersとsetters関数を使うのか