<pre id="dthkc"><em id="dthkc"><p id="dthkc"></p></em></pre>

    1. <th id="dthkc"><video id="dthkc"></video></th>
      <strike id="dthkc"><video id="dthkc"></video></strike>
      <big id="dthkc"><nobr id="dthkc"><sub id="dthkc"></sub></nobr></big><object id="dthkc"></object>

      <object id="dthkc"><sup id="dthkc"></sup></object>

      HTML/CSS基礎知識總結

      2018-09-03 10:28:51 來源: 揚州新竹網絡科技有限公司
      WEB中,HTMLCSS的布局是比不可少的。其中不同標簽和屬性的使用方法及作用與網站頁面緊密關聯。
      Html頁面
      <!doctype html><!-- xml xhtml 聲明 -->
      <html>
      <head>
      <meta charset="UTF-8"> <!--設置為UTF-8字符集-->
      <title>20180810</title> <!--網頁標題-->
      <!-- title內部放入圖片 -->
      <link rel="shortcut icon" type="image/x-icon" href="images/footlogo.png">
      <!-- 鏈接外部css樣式表  外部樣式:為了共享 -->
      <link rel="stylesheet" href="css/style.css" type="text/css" >
      <style type="text/css">
      /* 內部調用CSS樣式,只針對當前頁面*/
      /*tag標簽名、id(名字前面加 #) class名  屬性選擇器*/
      /*標記選擇器*/
      body{}
      /*屬性選擇器*/
      a[href="https://www.baidu.com/"]{color:red}
      /*CSS選擇器*/
      .top{
      width:150px;
      height:150px;
      background-color:#00FFFF;
      }
      /*ID選擇器*/
      #one{           
      width:100px;
      height:100px;
      background: pink;
      }
      a{color:red}
      /*派生選擇器 根據文檔上下文關系來定義樣式*/
              div a{color: #000;}
              #one a{}
      </style>
      </head>
      <body><!-- 內聯樣式 style="background: #F5F5DC;"-->
      <img src="" alt="">
      <div class="top">
      <a href="https://www.baidu.com/">百度</a><!--a鏈接,鏈接到百度-->
      </div>
      <div id="one">
      <a href="">新竹網絡</a>
      </div>
      <a href="http://www.xinz56.cn/">新竹網絡</a><!--鏈接到外部文件-->
      </body>
      </html>

      總結
      html是一種描述網頁的語言我們稱之為超文本標記語言;(它不是編程語言);
      head內部必須設置編碼,一般設置為uft-8,謹防在頁面顯示的時候出現亂碼情況
      同時在head內部可以設置鏈接外部的CSS樣式表和title標題img標題圖片
      標簽分為 單標簽:img  meta  link
      雙標簽/閉合標簽: html  head  title  body  style  div  a
      屬性選擇器
      . 表示為CSS選擇器
      # 表示為ID選擇器
      Body{}表示為標記選擇器(屬性選擇器)
      內部樣式:
      寫在
      head內部
      針對當前頁面

      外部樣式:
      外部樣式
      為了共享
      注釋 Hmtl中用
      CSS樣式style/*注釋*/  
      本站文章均為新竹網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,我們謝絕直接復制和抄襲!感謝...
      欧美VIIDEOS极品另类