整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          html基礎(一)

          一章. 頁面基本元素

          1.1頁面基礎元素:<html>

          <html>是頁面的基礎元素,主要用來定義頁面的開始和結束部分。元素語法結構如下<html>....</html>(開頭標記為<>,結束標記為</html>)先介紹一下完整的HTML文件的基本結構

          <html> 文件開始標記

          <head> 文件頭開始標記

          ......... 文件頭部分的內容

          </head> 文件頭結束標記

          <body> 文件主體開始標記

          ......... 文件主題部分的內容

          </head> 文件主題結束標記

          </html> 文件結束標記

          在<html>和</html>之間寫入想要編輯的頁面內容就構成了一個簡單的頁面

          1.1.1 文本顯示方向屬性:dir

          【作用與語法】dir屬性用來指定瀏覽器文本顯示的方向,同時也決定瀏覽器滾條的位置。dir屬性的語法結構如下

          <html dir="瀏覽器中文本的方向">......</html>(在元素名稱和屬性之間要加入空格)

          dir屬性可以取兩個值,ltr(left title right)和rtl(right title left),分別表示從左向右顯示和從右向左顯示

          1.1.2 指定語言屬性:lang

          【作用與語法】lang屬性用來指定文檔中所使用的語言。lang屬性的語法結構如下

          <html lang="指定的語言">包含的內容部分</html>

          lang屬性的取值可以使用ISO標準中的語言代碼。在<html>元素中加入lang屬性,使瀏覽器更好的顯示界面,并不會更改頁面的文字編碼

          ISO標準中語言代碼的取值及含義語言名稱寫法語言名稱寫法英語en法語fr漢語zh德語de日語ja意大利語it

          1.2 頁面頭部元素:<head>

          【作用與語法】HTML的頭部元素是以<head>為開始標記,以</head>為結束標記。它用于包含當前文檔的相關信息,可包含<title>元素、<meta>元素等,分別用來定義頁面的標題、編碼。使用<head>元素可以將基本信息部分和頁面主體內容區分開來。<head>元素的語法結構如下

          <head>......</head>

          1.3 頁面標題元素:<title>

          【作用與語法】HTML頁面的標題一般是用來說明頁面用途的,它顯示在瀏覽器的標題欄中。在HTML文檔中,標題信息設置在頁面的頭部,也就是<head>和</head>之間。<title>元素的語法結構如下。

          <title>......</title> (說明:在標記中間的“......”就是標題的內容,它位于HTML文檔的頭部,即<head>和</head>之間)

          1.4 元信息元素:<meta>

          【作用與語法】元信息元素<meta>用來定義頁面的附加信息,其中包括頁面的作者、版權、關鍵字等相關信息。<meta>元素的語法結構如下。

          <meta 屬性=“屬性值”/>

          <meta>元素是一個自封閉的元素,通過其中的屬性來添加各種附加信息。<meta>元素在不適用任何屬性時,對頁面沒有影響。

          1.4.1 元信息元素名稱屬性:name

          【作用與語法】name屬性用來制定文檔中附加信息的名稱。例如,最常用的值“keywords”用來定義文檔中的關鍵字,方便搜索引擎的搜索。name屬性的語法結構如下。

          <meta name="信息名稱"/>

          在<meta>元素中,名稱必須對應有相關的值才能生效

          1.4.2 元信息元素的值:content

          【作用與語法】content屬性用來指定文檔中附加信息的值,它與name屬性成對出現。content屬性的語法結構如下

          <meta name="信息名稱" conten="附加信息的值"/>

          <meta>元素中所定義的“keywords”信息是用來為搜索引擎定義關鍵字的,所以對頁面顯示效果并不產生影響,故頁面顯示效果并無太大變化

          1.4.3 元信息元素的附加屬性:http-equiv

          【作用與語法】http-equiv屬性和name屬性類似,用來指定附加信息的名稱。在瀏覽器加載頁面之前,服務器會把http-equiv屬性定義的相關信息發送給瀏覽器,便于在瀏覽器中正確顯示頁面。http-equiv屬性的語法結構如下

          【作用與語法】<meta http-equiv="信息名稱",content="附加信息的值">

          說明:和name屬性相似,http-equiv屬性一般要和conten屬性成對出現

          1.4.4 定義頁面的跳轉

          【作用與語法】在瀏覽器網頁的時候經常會看到一些歡迎信息的頁面,并經過一段時間后,這一頁面會自動轉到其他頁面,這就是網頁的跳轉。使用HTML中的HTTP代碼就可以很輕松的實現這一功能。頁面跳轉的語法結構

          <meta http-equiv="refresh" content="跳轉時間";url="鏈接地址">

          說明:在該語法中,refresh表示網頁的刷新,而在content中則設定刷新的時間和刷新后的地址,時間和鏈接地址之間用分號相隔。默認情況下,跳轉時間是以秒為單位的

          1.5 基本設置元素:<base>

          在HTML中,基本設置元素<base>使用來定義相對路徑的根目錄。使用<base>元素,可以方便的定義頁面中的超級鏈接。語法結構如下

          <base 屬性="屬性值"/>

          <base>元素在不使用任何屬性時,對頁面沒有影響。<base>元素中可以使用的屬性有鏈接路徑屬性href和鏈接窗口屬性target

          1.5.1 鏈接路徑屬性:href

          【作用與語法】href屬性用來指定文檔中相對鏈接的根目錄。文檔中的所有鏈接(包括圖片、音頻等內容)都按照href屬性所指定的根目錄顯示。href屬性的語法結構如下

          <base href="指定路徑">包含的內容部分</base>

          href屬性的取值為url值。它可以使用絕對路徑,也可以指

          向某個文件夾。

          友問:站長在線的站內文件夾跳轉的代碼是什么?

          站長在線答:站內文件夾跳轉的代碼就是一個301跳轉代碼,此代碼放在自己自定義的文件夾內,直接宣傳自定義的地址,更加有品牌感,即宣傳了自己的品牌,也宣傳了業務對象,如:

          阿里云優惠購買業務:olzz.com/aliyun

          騰訊云優惠購買業務:olzz.com/txy

          站長在線的頭條地址:olzz.com/toutiao

          ……


          301跳轉代碼


          以此類推,自己可以建立無數個二級目錄的推廣地址,自己的品牌域名和業務對象一起宣傳,這是站長可以利用的特殊權益。站長在線就告訴大家301跳轉代碼和操作方法:

          1、新建一個txt文本文檔,把下面的代碼復制進去保存,然后重命名為index.html

          <script> 
          function GetRandomNum(Min,Max){ 
          var Range = Max - Min; 
          var Rand = Math.random(); 
          return(Min + Math.round(Rand * Range)); 
          } 
          var num = GetRandomNum(1,14808); 
          location.href = "鏈接地址";
          </script> ")

          2、在網頁空間里面新建一個文件夾如aliyun,然后把剛才制作的index.html上傳到這個文件夾里面即可。

          PS:鏈接地址一定是http或者https開頭的地址哦!

          好了,站內文件夾跳轉的代碼就已經告訴你了,趕快去實踐吧!歡迎來到站長在線官方頭條號【站長快遞】,學習更多的建站知識。

          indow.location.replace(...)比使用window.location.href更好,因為replace()不會在會話歷史中保留起始頁面,這意味著用戶不會陷入無休止的返回按鈕的慘劇中。


          Location: href

          Location 接口的 href 屬性是一個字符串化轉換器(stringifier), 返回一個包含了完整 URL 的 USVString 值, 且允許 href 的更新.

          語法

          string = object.href;
          object.href = string;

          范例

          window.location.href = "";


          Location.replace()

          Location.replace() 方法以給定的URL來替換當前的資源。

          assign() 方法 不同的是,調用 replace() 方法后,當前頁面不會保存到會話歷史中(session History),這樣,用戶點擊回退按鈕時,將不會再跳轉到該頁面。

          因違反安全規則導致的賦值失敗,瀏覽器將會拋出類型為 SECURITY_ERRORDOMException 異常。

          當調用該方法的腳本所屬的源與擁有 Location 對象所屬源不同時,通常情況會發生這種異常,此時通常該腳本是存在不同的域下。

          如果 URL 無效,瀏覽器也會拋出 SYNTAX_ERROR 類型的 DOMException 異常。

          語法

          object.replace(url);

          示例

          window.location.replace('');

          主站蜘蛛池模板: 国产伦精品一区二区三区视频小说 | 精品视频在线观看一区二区三区| 国产午夜精品一区二区三区漫画 | 亚洲国产精品一区二区第一页免 | 岛国无码av不卡一区二区| 一区二区三区无码高清视频| 日本一区午夜爱爱| 亚洲av高清在线观看一区二区| 在线欧美精品一区二区三区| 亚洲一区综合在线播放| 国产一区内射最近更新| 色妞色视频一区二区三区四区| 亚洲一区二区三区无码中文字幕 | 天堂不卡一区二区视频在线观看| 无码AⅤ精品一区二区三区| 波多野结衣中文字幕一区| 一区二区三区四区精品| 日韩精品一区二区三区视频| 久久精品一区二区三区日韩| 一区二区三区四区视频| 一区高清大胆人体| 精品人妻无码一区二区三区蜜桃一 | 国产精品综合一区二区三区| 亚洲乱码一区二区三区国产精品 | 亚洲av成人一区二区三区在线观看 | 伦理一区二区三区| 久草新视频一区二区三区| 国产综合无码一区二区三区| 国产精品污WWW一区二区三区| 国产精品无码一区二区在线观一 | 日韩精品一区二区三区中文3d| 精品一区二区三区四区在线播放 | 亚洲日韩AV一区二区三区四区| 亚洲一区二区三区四区视频| 一区国产传媒国产精品| 在线观看中文字幕一区| 国产亚洲福利一区二区免费看| 日美欧韩一区二去三区| 无码人妻AⅤ一区二区三区水密桃| 日韩精品一区二区午夜成人版| 国内精品视频一区二区三区|