使用HTML的基本結構創建網頁


1、       網頁的擴展名——html或htm

2、       如何新建網頁?

步驟1

在電腦的空白處,右鍵選擇——>新建——文本文檔

步驟2

把txt的擴展名,改成html或htm,點擊確定

             步驟3

                      用記事本或EditPlus打開該文件,編寫網頁的基本結構

 

3、       網頁的基本結構,html——超文本標記語言

<html>

      <head>

           <!—網頁的標題title -->

           <title>   </title>

        <!--網頁編碼的設置-->

           <metahttp-equiv="Content-Type"

                 content="text/html;charset=gb2312">

      說明:charset=gb2312(簡體中文)或utf-8(國際通用的字符編碼)

      </head>

      <body>

           <!—網頁要顯示的內容,放在body中 -->

                       <body>

</html>

 

   會使用文本相關標簽排版文本信息

ü  標題   <h1>….<h6>,字體從大變小

ü  段落      <p></p>

ü  換行      <br/>

ü  水平線  <hr/>

ü  加粗     <strong></strong>

ü  斜體      <em></em>

ü  特殊的符號:空格 ,詳見P16頁表1-1

ü  網頁注釋:<!-- 寫注釋內容 -->

   會使用圖像相關標簽實現圖文並茂的頁面

<img src=”圖片的相對路徑 />

Src: 指定圖片的相對路徑

1、       如果網頁文件和圖片,在同一個文件夾

src=”圖片的名稱”

2、       如果網頁文件和圖片所在的文件夾,

在同一個文件夾

src=”圖片文件夾名/圖片的名稱”

Title:鼠標懸浮時,提示文字

Alt:如果圖片路徑有無,替換圖片的文字

Width:圖片的寬

Height:圖片的高

 

 相對路徑和絕對路徑:P21

n  絕對路徑:出現了具體的磁盤名稱的路徑(不使用)

n  相對路徑

u ../:當前目錄的上一級目錄

u ../../:當前目錄的上一級目錄的上一級目錄

   會使用a標簽創建超鏈接、錨鏈接以及功能性鏈接

²超鏈接:網頁導航

<a href=”頁面的相對路徑”>超鏈接的文字</a>

可寫的屬性:target=”_self|_blank”

      _blank:打開新的網頁

      _self:在當前頁面打開

²錨鏈接——頁面導航

步驟1:創建錨記

           <aname=”錨記名”></a>

步驟2:訪問錨記

           <ahref=”(頁面名稱)#錨記名”></a>

²郵件鏈接——發送郵件

<a href=mailto:郵箱地址>   </a>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM