整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML的主體結(jié)構(gòu)

          TML主體標(biāo)記

          代碼分為三部分編寫

          <html>              是網(wǎng)頁文件的最外層標(biāo)記
          	<head>          之間的文本是頭信息
          		不會顯示在瀏覽器中,包括基本的描述,整個網(wǎng)頁的公共屬性
          	</head>
          	<body>      是網(wǎng)頁文件的主體部分
          		正文 :文字、圖片、鏈接、表單等
          	</body>	
          </html>

          HTML文檔頭部標(biāo)記

          <head> 頭部標(biāo)記</head>

          <title> </title> 只能有一個

          <base /> 只能有一個

          <link> 可以有多個

          <meat> 可以有多個

          <meat name=“” content=“”>

          <meat http-equiv=“” content=“”>

          title

          • 定義網(wǎng)頁標(biāo)題,顯示在瀏覽器的標(biāo)題欄中
          • 公司名稱+公司產(chǎn)品
          • 有利于搜索引擎(也是在搜索引擎中顯示的標(biāo)題)

          base

          • 基底網(wǎng)址標(biāo)記
          • 用于設(shè)定瀏覽器中文件的絕對路徑
          • 網(wǎng)頁中的文件只需要寫下文件的相路徑即可,這個路徑就是base中指定下的路徑

          link

          • 設(shè)置外部文件的鏈接標(biāo)記
          • 用于確定本頁面和其它文檔之間的關(guān)系

          meta兩種用法

          <meta name="" content="">

          <meta http-equiv="" content="">

          Name 用于在網(wǎng)頁中加入一些關(guān)于網(wǎng)頁的描述信息,網(wǎng)頁的關(guān)鍵字,網(wǎng)頁描述信息

          http-equiv:屬性用于在HTML文檔中模擬HTTP協(xié)議的響應(yīng)消息頭,例如,告訴瀏覽器是滯緩存頁面,使用什么樣的字符集顯示網(wǎng)頁內(nèi)容

          Meta標(biāo)簽的name屬性

          不是自己定義的值:

          Keywords : 網(wǎng)頁的關(guān)鍵字

          Description:網(wǎng)頁的描述

          Robots : index noindex follow nofollow all none

          Author

          copright

          Meta標(biāo)簽的http-equiv屬性設(shè)置

          Content-Type

          Refresh

          Expires

          Windows-Target

          Pragma

          Page-Enter和Page-Exit

          主本標(biāo)記<body>

          在它中放置網(wǎng)頁中所有內(nèi)容

          • Text
          • Bgcolor
          • Background
          • Link
          • Alink
          • Vlink
          • Topmargin
          • Leftmargin

          只要是可以用樣式控制的就不用HTML本身屬性

          Id name class style 通用屬性,所有的元素都可以使用

          DTD

          文檔類型定義

          • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          • Html
          • Public
          • Version
          • URL

          一下html中文件標(biāo)簽和文本標(biāo)簽的使用

          目的是學(xué)會使用,所以借助工具可以省好多時間

          1.文件標(biāo)簽:構(gòu)成html最基本的標(biāo)簽

          html:html文檔的根標(biāo)簽

          head:頭標(biāo)簽。用于引入html文檔的一些屬性。引入外部的一些資源

          title:標(biāo)題標(biāo)簽

          body:體標(biāo)簽

          <!DOCTYPE html>:html5中定義該文檔是html

          2.文本標(biāo)簽:和文本有關(guān)的標(biāo)簽

          注釋:<!-- 注釋內(nèi)容 –->

          <h1> 到<h6>:標(biāo)題標(biāo)簽自帶換行的效果

          <p>:表示段落的標(biāo)簽

          <br>:換行標(biāo)簽<br/>和<br>的寫法都不會報錯

          <hr>:顯示一條水平線(也是一個自閉和標(biāo)簽)水平線有一些屬性我們可以控制它的樣式。hr里面表示高度是size而不是height.對齊方式默認(rèn)是居中的。

          <b>:字體加粗

          <i>:斜體

          <font>:字體標(biāo)簽(通過屬性來修改字體的字號,大小,顏色,以及字體的樣式)

          <center>:文本居然標(biāo)簽

          這里講下網(wǎng)頁下面的版權(quán)標(biāo)簽是如何寫出來的。

          3.圖片標(biāo)簽:用來展示圖片的(圖片也是一個自閉合標(biāo)簽)

          屬性:src:用來指定圖片的位置

          什么都不寫默認(rèn)就是./的形式

          ../表示上一級目錄

          4.列表標(biāo)簽:

          有序列表:ol,li(li表示的是列表的每一項)

          無序列表:ul,li

          5.鏈接標(biāo)簽:

          a:定義一個超鏈接

          屬性:

          href:指定訪問資源的URL(統(tǒng)一資源定位符,就是路徑的表示形式)

          target:(是目標(biāo)的意思)指定打開資源的方式

          _self:在當(dāng)前頁面打開

          _blank:在空白頁面打開

          6.表格標(biāo)簽:在HTML中的表格只有行的概念,沒有列的概念,將表格以行的形式進行分割,然后再對行進行操作。

          table:定義表格

          width:表格的寬度

          border:邊框

          cellpadding:單元格內(nèi)容左對齊(定義內(nèi)容和單元格的距離)

          cellspacing:邊框合并(定義單元格之間的距離,如果指定為0,單元格的線會合為一條)

          bgcolor:背景色

          align:表格的對齊樣式

          tr:定義行

          bgcolor:背景色

          align:表格的對齊樣式(是用來修改文本的對齊方式的)


          td:定義單元格

          colspan:合并列

          rowspan:合并行

          th:定義表頭單元格

          <caption>:表格標(biāo)題

          <thread>:表示表格的頭部分

          <tbody>:表示表格的體部分

          <tfoot>:表示表格的腳部分

          7.塊標(biāo)簽:div和span是結(jié)合css使用的

          span:文本信息在一行顯示,行內(nèi)標(biāo)簽,內(nèi)聯(lián)標(biāo)簽(意思就是它不會換行)

          div:是會換行的。每一個div占滿一整行。塊級別的標(biāo)簽

          8.語義化標(biāo)簽:html5中為了提高程序的可讀性,提高了一些標(biāo)簽

          <header>

          <footer>

          講大綱:

          1.設(shè)置頁面關(guān)鍵字

          2.設(shè)置頁面描述

          3.設(shè)置編輯工具

          4.設(shè)定作者信息

          5.限制搜索引擎

          6.設(shè)置網(wǎng)頁文字及語言

          7.設(shè)置網(wǎng)頁的定時跳轉(zhuǎn)

          8.設(shè)定有效期限

          9.禁止從緩存中調(diào)用

          10.刪除過期的cookie

          11.強制打開新窗口

          12.設(shè)置網(wǎng)頁的過渡效果


          頭部標(biāo)記中的元信息標(biāo)記

          概述

          • meta元素提供的信息是用戶不可見的,它不顯示在頁面中,一般用來定義頁面信息的名稱、關(guān)鍵字、作者等。在HTML中,meta標(biāo)記不需要設(shè)置結(jié)束標(biāo)記,在一個尖括號內(nèi)就是一個meta內(nèi)容,而在一個HTML頭頁面中可以有多個meta元素。
          • meta元素的屬性有兩種:name和http-equiv,其中name屬性主要用于描述網(wǎng)頁,以便于搜索引擎機器人查找、分類。這其中最重要的是description(站點在所有引擎的描述)和keywords(關(guān)鍵字)

          主站蜘蛛池模板: 国产拳头交一区二区| 亚欧色一区W666天堂| 亚洲国产日韩在线一区| 精品一区二区三区自拍图片区| 亚洲一区二区三区免费在线观看 | 极品少妇伦理一区二区| 精品一区二区久久久久久久网站| 国产精品无码亚洲一区二区三区 | 国产美女在线一区二区三区| 国产精品第一区第27页| 精品国产AV一区二区三区| 国产一区二区久久久| 国产一区二区不卡在线播放| 日韩精品国产一区| 亚洲综合在线成人一区| 成人国内精品久久久久一区| 日韩精品一区二区三区在线观看l 日韩精品一区二区三区毛片 | 无码一区二区三区爆白浆| 国产av一区二区三区日韩| 美女免费视频一区二区| 99久久无码一区人妻a黑| 国产波霸爆乳一区二区| 无码人妻AⅤ一区二区三区水密桃 无码欧精品亚洲日韩一区夜夜嗨 无码毛片一区二区三区中文字幕 无码毛片一区二区三区视频免费播放 | 精品人妻系列无码一区二区三区| 久久精品国产一区二区电影| 女女同性一区二区三区四区| 亚洲一区二区三区高清| 国模一区二区三区| 狠狠色婷婷久久一区二区| 无码精品久久一区二区三区| 久久久精品一区二区三区| 亚洲人AV永久一区二区三区久久| 亚洲AV无码一区东京热久久 | 亚欧在线精品免费观看一区| 精品国产一区AV天美传媒| 国产成人精品第一区二区| 国模丽丽啪啪一区二区| 国产成人综合一区精品| 狠狠做深爱婷婷综合一区| 日韩福利视频一区| 国产一区二区精品久久岳|