HTML初日

2443 ワード

社内開発プロセス

  • 製品需要製品マネージャ(第1例は不合理な需要を取り除く);
  • プロジェクト設計ビジュアルデザイナー/インタラクティブ設計(第2例会排工期);
  • フロント/バックエンド開発;
  • テスト;
  • がオンラインで運営されています.

  • フロントエンド3要素


    HTMLハイパーテキストタグ言語構造
    CSS積層スタイルシートスタイル
    JSスクリプト言語動作

    HTML構造

    
    
    
    
        
        
            
            
            
            <!--meta:          
                  : 
                    charset               -->
            <meta charset="utf-8"/>
        
        <!--    -->
        
            <!-- body          
                  HTML   -->
            <div/>
        
    
    </code></pre> 
     <h2>CSS   </h2> 
     <ul> 
      <li><p><strong>     :        </strong><br/> <code><div style="width: 300px;height: 300px;background-color: red"/></code></p></li> 
      <li> <p><strong>     :    head    </strong></p> <p><strong>      </strong></p> </li> 
     </ul> 
     <pre><code> <style type="text/css">
      div{
       width:300px;
       height: 300px;
       background-color:blue;
      }
     </style>
    ```
    
    *    :   "   ".*
    ​       *           .*
    
      **ID   **
    
    ```
     <style type="text/css">
     #div_1{
       width:300px;
       height: 300px;
       background-color:blue;
      }
     </style>
    
    
     <div id="div_1"/>```
    
    *    :    ID       .
    ​                  .*
    
    **class   **
    
    ```
     <style type="text/css">
      .div{
       width:300px;
       height: 300px;
       background-color:blue;
      }
     </style>
    
    
    <div class="div"/>```
    
    *    :        .*
    
    **   **
         >ID   >    >      
    * **    **
    
    `<link rel="stylesheet" type="text/css" href="css/style.css"/>`
    
    **       :**
    a:           ,       ;
    b:           ,      ,    .
    [bingo231](http://www.baidu.com) 
    
    ![](https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1482842604&di=075f40679786b5f97518117fe8ebb54b&src=http://img011.hc360.cn/g7/M04/39/C5/wKhQs1Mzm-2EDZmZAAAAACiERG8826.jpg)
    
      [^1]
    [^1]:aaa</code></pre> 
    </article>
                                </div>
                            </div>