HTML網頁的基本結構及基礎功能

來源:互聯網
上載者:User

標籤:地址   換行   tor   setting   圖片路徑   html5   alt   文法   amp   


一、HTML網頁的基本結構
1、HTML——超文字標記語言 (HTML),瀏覽器解析html標記後,展示內容
2、H5——HTML5(目前流行比較火)
3、網頁的基本結構
  3.1靜態網頁的拓展名htm或html
  3.2建立網頁的步驟:
1、建立文字文件,更改拓展名為htm或html
2、編寫網頁的基本結構,並報春
3、雙擊html檔案,在瀏覽器中運行
  3.3網頁的基本結構
    <html>
      <head>
        <title>網頁的標題</title>
        <body>網頁顯示的內容</body>
       </head>
    </html>
4、HTML語言的特點
     標記,大部分的都是成對存在
不區分大小寫 H5區分大小寫
瀏覽器解析HTML標記 
二、使用相關的標籤進行排版
1、網頁的標題
  <title></title>
2、標題標籤
  <h1>....<h6>數字越大 標題越小
3、段落標記——<p>[/P]可以有也可以沒有
4、換行——<br/> [/]可以有野可以沒有
5、水平線——<hr/>
6、字型加粗<strong></strong> 斜體<em></em>
7、HTML中的注釋和特殊的符號--P15頁
  注釋:<!-- -->
  特殊符號 空格&nbsp; 大於符號&gt; 小於符號&lt;
  引號&quot;著作權符號&copy;

三、在網頁上插入圖片
 <img src="圖片地址" alt ""替換的文字 
title ""滑鼠懸浮停留時的文字 width ="寬" height"高"/>
ps:src屬性必須有 其他的屬性可以有可以沒有
圖片路徑:相對路勁和絕對路徑
1、相對路徑,不出現有磁碟名字的路徑
../表示上級目錄
../../表示目錄的上一級目錄
2.絕對路徑,有磁碟名字的路徑 
C:\Documents and Settings\Administrator\案頭
***網頁中使用相對路徑
四、超連結
1、通用文法:
<a href=路徑target="-self丨blank"(前是當前頁面開啟,
後是建立寬口開啟>超連結上的顯示的文字</a>
2、作用:頁面導航

3、錨連結P23.24
  1>先設定錨記
  <a name="錨記名" </a>
  2>超連結訪問當前頁面中的錨記?
  <a href="#錨記名”></a>
4、開啟郵件發送郵件
  <a href="mailto:郵箱名“>點我發送郵件</a>

HTML網頁的基本結構及基礎功能

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.