整合營銷服務商

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

          免費咨詢熱線:

          Html學習筆記(主體結構&教程資料)

          么是HTML?

          • HTML(Hypertext Marked Language)超文本標記語言
          • 文件的后綴名.html .htm
          • Hypertext可以在文件中標識圖片、鏈接、表格、文本等。
          • Marked<或>以及字符串組成
          • 是一種編程語言
          • -瀏覽器解釋的語言

          HTML主體標記

          代碼分為三部分編寫

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

          HTML文檔頭部標記

          <head>頭部標記</head> 
          <title></title>只能有一個 
          <base/>只能有一個 
          <link>可以有多個 
          <meat>可以有多個 
          <meat name="" content=""> 
          <meat http-equiv="" content=""> 
          

          title

          定義網頁標題,顯示在瀏覽器的標題欄中 有利于搜素引擎(也是在搜索引擎中顯示的標題)

          base

          基底網址標記

          用于設定瀏覽器中文件的絕對路徑

          網頁中的文件只需要寫下文件的相對路徑即可,這個路徑就是base指定下的路徑

          link

          設置外部文件的鏈接標記

          用于確定本頁面和其他文檔之間的關系

          meta

          兩種用法

          <meta name="" contnet="">

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

          name用于在網頁中加入關于網頁的描述信息

          網頁的關鍵字,網頁描述信息

          http-equiv:屬性用于在HTME文檔中模擬HTTP協議的

          響應消息頭,例如,告訴瀏覽器,是否緩存頁面,

          使用什么樣的字符集顯示網頁內容

          meta的name標簽屬性:不是自己定義的值

          Keywords:網頁的關鍵字

          Description:網頁的描述 Robots:index noindex follow nofollow all none Author

          copyright:版本

          mate標簽的http-equiv屬性設置

          Content-Type :網頁文檔類型 ,刷新頁面

          <meta http-equiv="refresh" content="3; url=http://wwww.baidu.com/">
          <meta http-equiv="Windows-Target" content="_top"
          此條語句的作用:禁止別人把你的網頁放在小窗體里,一旦鏈接到你的網頁,會全屏顯示 
          

          Page=Enter和Page=Exit

          <meta http-equiv="Page-Enter" content="revealTrans(Transition=5,Ouration=1.000)">
          <meta http-equiv="Page-Exit" content="revealTrans(Transition=8,Ouration=1.000)">
          為頁面進入和退出特效,一共有23種
          

          主體標記<body>

          在它中放置網頁中所有內容

          <body bgcolor="#ff00ff" text="#00ff00" link="red"
          alink=""(鼠標單擊顏色) topmargin=""(頂部距離)
          vlink=""(鼠標放在上時的顏色)
          leftmargin=""(默認左距離) background=""(放置背景圖片)>
          

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

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

          DTD

          文檔類型定義

          <!DDCTYPE HTML PUBLIC"-//w3c//DTD XHML 1.0 Transition//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-transition1.dtd"(dtd的地址,按照dtd地址的格式顯示本頁面)>
          

          想要學習Html的伙伴,私信松鼠并回復:Html

          即可領取Html的教學資料和教學視頻了(注意回復的大小寫要一致哦~

          1.標題

          標題一般由發文機關名稱、事由和文種三要素組成,如《國務院關于加強城市規劃工作的通知》。在標題的三要素中,有時可省略發文機關名稱和事由中的一項或兩項,唯有文種不可省略。標題中除了法規、規章名稱加書名號外,一般不使用標點符號。

          標題應編排于版頭與主體之間的分隔線下空二行位置,分一行或多行居中排布;回行時,要做到詞意完整,排列對稱,長短適宜,間距恰當,標題排列應當使用梯形或菱形。

          2.主送機關

          主送機關是指公文的主要受理機關,應當使用機關全稱、規范化簡稱或者同類型機關統稱。主送機關應當編排于標題下空一行位置,居左頂格,回行時仍頂格,最后一個機關名稱后標全角冒號。如前頁公文樣式中的“各市、縣(市、區)人民政府,省政府直屬各單位:”。

          3.正文

          正文是公文的主體,用來表述公文的內容,一般由開頭、主體和結語三部分組成。公文首頁必須顯示正文。

          正文一般用3號仿宋體字,編排于主送機關名稱下一行,每個自然段左空二字,回行頂格。文中結構層次序數依次可以用“一、”“(一)”“1.”“(1)”標注;一般第一層用黑體字、第二層用楷體字、第三層和第四層用仿宋體字標注。

          4.附件說明

          附件說明包括公文附件的順序號和名稱。如有附件,在正文下空一行左空二字編排“附件”二字,后標全角冒號和附件名稱。如有多個附件,使用阿拉伯數字標注附件順序號(如“附件:1.×××××”);附件名稱不加書名號,其后也不加標點符號。附件名稱較長需回行時,應當與上一行附件名稱的首字對齊。

          5.發文機關署名、成文日期和印章

          發文機關的署名應當是發文機關全稱或者規范化簡稱,如前頁公文樣式中標注于印章處下方的“江蘇省人民政府”。按照最新規定,黨政機關的公文一般都要發文機關署名。

          公文的成文日期:署會議通過或者發文機關負責人簽發的日期。聯合行文時,署最后簽發機關負責人簽發的日期。成文日期一般右空四字編排(不加蓋印章的公文除外,詳見下文),用阿拉伯數字將年、月、日標全,年份應標全稱,月、日不編虛位(即1不編為01)。

          公文中有發文機關署名的,應當加蓋發文機關印章,并與署名機關相符。

          有特定發文機關標志的普發性公文和電報可以不加蓋印章。

          6.附注

          附注是公文印發傳達范圍等需要說明的事項。如有附注,居左空二字加圓括號編排在成文日期下一行,如前頁公文樣式中的“(此件可自行翻印)”。

          7.附件

          “附件”二字及附件順序號用3號黑體字頂格編排在版心左上角第一行。附件標題居中編排在版心第三行。附件順序號和附件標題應當與附件說明的表述一致。

          附件應當另面編排,并在版記之前,與公文正文一起裝訂。如附件與正文不能一起裝訂,應當在附件左上角第一行頂格編排公文的發文字號并在其后標注“附件”二字及附件順序號。

          【注意】

          此處說的“附件”指附屬于公文主件的其他公文或材料,應當另面編排;“附件說明”用來標明附件名稱及件數的,位于公文正文下空一行。前頁的公文樣式中呈現了“附件說明”,即“附件:1.××××××××”,但并未將附件呈現出來。

          完整內容查看華智備考資料http://www.huazhiedu.com/html/2017/sydwbkzl_0223/13612.html

          本格式標記

          以下HTML標記用于格式化網頁上文本的外觀。這可以使網頁變得更加生動,但是,文本格式的太多變化也會使人不快。

          標題 - <head> </head>

          head標記有6個級別可用,從h1用于最大和最重要的標題,到h6是最小的標題。

          粗體 - <b> </b>

          b標記之間的文本以粗體顯示,與周圍的文本相對突出。

          斜體 - <i> </i>

          i標記以一個小角度顯示文本。

          下劃線 - <u> </u>

          u標記在文本正文添加一條線,請注意,鏈接已經有下劃線,不需要額外的標記。

          刪除線 - <strike> </strike>

          strike標記在文本的正中間畫一條線,通常用來表示文本是舊的,不再相關,刪除。也可以用<s></s>代替。

          預格式化文本 - <pre> </pre>

          pre標記之間的任何文本,包括空格、回車符和標點符號,都將像在文本編輯器中一樣顯示在瀏覽器中(通常瀏覽器會忽略多個空格)

          源代碼 - <code> </code>

          code標記之間的文本以固定寬度字體顯示,通常在顯示源代碼時使用。

          打字機文本 - <tt> </tt>

          tt標記之間的文本就像是用打字機打出了一個固定寬度的文字。

          Block Quote - <blockquote> </blockquote>

          blockquote標記定義一個塊引用,并且在塊的左右添加額外的邊距。

          小號字 - <small> </small>

          small標記讓你無需設置字體大小,就可以使文本呈現比周圍稍小的外觀。

          字體顏色 - <font color="#??????"> </font>

          font標記的color屬性改變幾個字或一段文字的顏色。屬性使用十六進制顏色代碼。

          字體大小 - <font size="?"> </font>

          font標記的size屬性改變字體的大小,值范圍從1到7,1是最小,7是最大。

          字體大小變化 - <font size="+/-?"> </font>

          font標記的size屬性還可以相對于其前面的字體大小的作即時更改,此用法將按你指定的數字增減字體大小。例如:<font size="-1">一些文本</font>

          字體 - <font face="?"> </font>

          font標記的face屬性以指定的字體顯示文本,值為字體名稱,如“Helvetica”、“Arial”或“Courier”。

          居中 - <center> </center>

          center標記之間的所有內容都居中。

          強調 - <em> </em>

          em標記用于強調文本,文本通常以斜體顯示,可能會根據瀏覽器的不同而有所不同。

          著重強調 - <strong> </strong>

          strong標記用于著重強調文本,通常以粗體顯示,可能會根據瀏覽器的不同而有所不同。

          例子

          下面是以上標記的示例:

          瀏覽器顯示內容如下所示:


          主站蜘蛛池模板: 亚洲制服丝袜一区二区三区| 亚洲一区综合在线播放| 国产精品亚洲一区二区在线观看| 色婷婷香蕉在线一区二区| 在线观看一区二区三区av| 老熟妇仑乱视频一区二区| 国产伦精品一区二区三区免费下载| 日本精品高清一区二区| 国产一区二区精品久久91| 中文字幕av人妻少妇一区二区| 国产乱码精品一区二区三| 日韩AV无码一区二区三区不卡| 精品人无码一区二区三区| 国产视频一区在线观看| 日韩一区二区在线观看| 国产精品久久亚洲一区二区 | 久久久国产一区二区三区| 成人精品一区二区三区校园激情 | 亚洲一区二区三区无码影院| 国精产品一区二区三区糖心 | 无码人妻精品一区二区蜜桃网站 | 国产成人高清视频一区二区| 国产精品亚洲综合一区在线观看| 国产精品一区二区久久精品涩爱| 一区二区视频在线| 久久人妻av一区二区软件| av在线亚洲欧洲日产一区二区| 日本一区二区三区中文字幕| 福利一区二区在线| 日韩A无码AV一区二区三区 | 日本一区二区在线不卡| 视频在线一区二区| 国产福利电影一区二区三区,亚洲国模精品一区 | 97se色综合一区二区二区| 亚洲国产成人一区二区三区| 亚洲AV福利天堂一区二区三| 在线播放国产一区二区三区| 亚洲AV日韩综合一区尤物| 在线免费一区二区| 日本精品夜色视频一区二区| 中文字幕一区二区三区永久|