Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 成人在线精品视频,日本黄色录像视频,国产又黄又粗又色又刺激视频

          整合營銷服務商

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

          免費咨詢熱線:

          html基本操作,看了這些你就能做簡易網頁?

          .HTML基本標簽

          HTML(HyperTextMark-upLanguage)即超文本標記語言或超文本鏈接標示語言,是WWW的描述語言。

          HTML文檔的結構

          • HTML標簽由標簽、屬性、內容組成,屬性與內容可選。
          • 包含內容的標簽以<…>開始,</…>結束,不包含內容的標簽可以是如下格式:<…/>
          • 屬性的值盡量用雙引號或單引號修飾
          • 標簽中的內容可以是其他的標簽,稱為原標簽的子標簽,子標簽必須在父標簽結束之前結束

          2.頁面背景色或背景圖像

          • <body background="back_image.GIF" >

          Hello World!

          </body>

          (網頁背景圖像)

          • <body bgcolor="#FFCCFF">

          Hello World!

          </body>

          (網頁背景色彩)

          3.文本相關標簽

          • 字體、字號:

          標題標簽<h1>-<h6>,<font>標簽。

          • 行的控制

          段落標簽<p>,換行標簽<br>。

          • 標題標簽

          <h#> ... </h#>,#=1, 2, 3, 4, 5, 6 (說明:<h1>到<h6>字體大小依次遞減)

          <sub>下標文字,<sup>上標文字,<del>刪除線。

          段落標簽<p>,換行標簽<br>。

          • 內容分隔<HR>標簽

          <HR> 標簽用于在頁面上繪制水平線。

          • 圖像標簽

          圖像的基本語法:<img src=“images/adv_2.jpg” width=“300” height=“150” alt=“在線報名” >

          • 頁面鏈接<A>標簽

          要鏈接到同一目錄 (C:\HTML) 下的頁面,可編寫 <A HREF = “Doc1.htm”> 或 <A HREF = “C:\html\Doc2.htm”>

          鏈接到本頁面:

          • 圖像鏈接

          <a href=“http://www.it.com”>

          <img src=“images/adv_2.jpg” border=“0” width="300"height="150">

          </a>

          • 滾動<marquee>標簽

          <marquee scrolldelay=“100” direction=“up”>

          滾動文字或圖像

          </marquee>

          說明:scrolldelay:表示滾動延遲時間,默認值為90;direction:表示滾動的方向,默認為從右向左。

          2.HTML/CSS基礎

          目標:掌握列表的用法

          使用表格的基本結構實現簡單表格

          使用表格相關標簽實現跨行、跨列的復雜表格

          會使用表單的基本結構制作表單頁面

          會使用各種表單元素實現注冊頁面

          能理解post和get兩種提交方式的區別

          • 無序列表標簽<ul>用于頁面中沒有順序的列舉項。

          格式: <ul type=“”>

          type屬性設置標號的類型,值可以取:

          1 disc :實心圓點

          2 circle :空心圓點

          3 square :實心方塊

          無序列表

          • 有序列表<ol>用于說明頁面中的某些成分,需要按特定的順序排列。有序列表的每項都有連續的編號。

          格式:<ol type=“” start=“”>

          type設置標號的類型,值可以取:

          1 1:顯示數字

          2 A:顯示大寫字母

          3 a:顯示小寫字母

          4 I:顯示大寫羅馬數字

          5 i:顯示小寫羅馬數字

          有序列表

          • 嵌套列表:一個列表作為另一個列表的一部分,即多層列表。

          嵌套列表

          • 表格<table>應用場合

          門戶網站應用表格

          • 表格的基本語法

          <table>...</ table >定義表格

          • 如何創建表格

          創建表格

          表格表現

          • 表頭與標題

          域名數量報表的創建

          域名數量報表

          • 什么是跨行跨列的表格

          1.跨多列的表格

          2.跨多行的表格

          3.如何創建跨行跨列的表格

          • 表格的尺寸和邊框

          品牌商城表的創建

          width用來設置表格的寬度;height用來設置表格的高度;border用來設置表格邊框尺寸大小;bordercolor用來設置表格邊框顏色。

          品牌商城表

          背景:background屬性用來設置表格的背景圖片;bgcolor屬性用來設置表格、行、列的背景色。

          對其方式:align屬性用來設置表格、行、列的對齊方式。

          • 文本框基本語法

          <input type=“text” value="張三" size="20">

          文本框的建設

          文本框

          • 密碼框基本語法

          <input type=“password” value=“123456” size=“22”>

          密碼框的建設

          密碼框,22個字符寬度

          • 單選按鈕基本語法

          <input type="radio" value="男" checked="checked">

          單選按鈕的建設

          單選按鈕框

          • 復選框基本語法

          <input type=“checkbox” name="cb2" value="talk">

          • 列表框基本語法

          • 多行文本框基本語法

          <textarea name=“textarea” cols=“40” rows=“6”>內容</textarea>

          • 按鈕基本語法

          <input type="reset" name=“reset" value=" 重填 ">

          其他表單元素:<input type=“hidden”/>表單隱藏域

          <input type=“image”/>表單圖片按鈕

          <input type=“file”/>文件瀏覽

          • <label>標簽

          <label>標簽可以綁定某個表單元素,用于擴展可以相應點擊等事件的區域

          如:當點擊復選框右邊的提示文字時,該復選框也可被選中。


          內容有限,關于css,div和網頁布局的部分就下次在和大家分享吧!

          TML標簽規范

          盡管目前瀏覽器都兼容HTML,但是,使網頁能夠符合標準,應該盡量使用XHTML規范來編寫代碼,需要注意以下事項:

          (1)在XHTML中,標簽名必須小寫。在HTML中,標簽名稱可以大寫,也可以小寫。

          (2)在XHTML中,屬性名稱必須小寫。在HTML中,屬性名稱也必須是小寫的。

          (3)在XHTML中,標簽必須嚴格嵌套;HTML對標簽的嵌套沒有嚴格的規定。

          (4)在XHTML中,標簽必須封閉;在HTML規范中,標簽不閉合也是正確的,即標簽可以不成對出現。例如,“<p>我沒有結束標簽”和“<p>我有開始標簽和結束標簽</p >”,這兩條代碼的顯示效果,在HTML規范中是完全相同的,但是,在XHTML中,第一條語句是不允許的(不能正常顯示),必須像第二條語句那樣,嚴格地使標簽閉合。

          (5)在XHTML中,即使是空元素的標簽也必須封閉,這里說的空標簽,就是指那些<img>、<br>、<hr>等不對稱的標簽,它們也必須閉合,即寫作<img>、<br>、<hr/>;而在HTML.規范中,這類標簽可以不封閉。例如,在HTML中書寫為<img>或<img/>均是正確的,但在XHTML規范中,必須寫為<img/>才正確。

          (6)在XHTML中,屬性值必須用雙引號括起來;在HTML中,屬性可以不必使用雙引號。

          (7)在XHTML中,屬性值必須使用完整形式;在HTML中,一些屬性經常使用簡寫方式設定屬性值。例如:

          <input disabled>

          而在XHTML中,必須完整地寫做:

          <input disabled="true">

          (8)在XHTML中,應該區分“內容標簽”與“結構標簽”。例如,<p>標簽是一個內容標簽,而<table>標簽是結構標簽,因此,不允許將<table>標簽置于<p>標簽內部。反之,如果將<p>標簽置于<td>…</td>之間,則是完全正確的。

          (9)在XHTML中,必須添加文檔類型聲明<!DOCTYPE>。該標簽用于描述HTML的版本和文檔類型聲明,進行了相應的版本和文檔類型聲明之后,才能保證這是一個XHTML網頁,從而讓瀏覽器以相應的規范來解析網頁,使網頁正常顯示。

          TML即超文本標記語言 (Hyper Text Markup Language), 是用來描述網頁的一種語言。
          超文本標記語言的結構包括"頭"部分(外語:Head)、和"主體"部分(外語:Body),其中"頭"部提供關于網頁的信息,"主體"部分提供網頁的具體內容。
          標記語言是一套標記標簽 (markup tag)
          HTML 使用標記標簽來描述網頁

          如下代碼:

          <html>
          <body>
          <h1>My First Heading</h1>
          <p>My first paragraph.</p>
          </body>
          </html>

          例子解釋:

          <html> 與 </html> 之間的文本描述網頁
          <body> 與</body> 之間的文本是可見的頁面內容
          <h1> 與 </h1> 之間的文本被顯示為標題
          <p> 與 </p> 之間的文本被顯示為段落

          2

          HTML 元素


          HTML 文檔是由 HTML 元素定義的。

          HTML 元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼。



          注釋:開始標簽常被稱為開放標簽(opening tag),結束標簽常稱為閉合標簽(closing tag),大多數 HTML 元素可擁有屬性。


          空的 HTML 元素:

          沒有內容的 HTML 元素被稱為空元素。在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。

          在開始標簽中添加斜杠,比如:<br>就是沒有關閉標簽的空元素, 而<br />是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

          即使 <br>在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠的保障。


          HTML 提示:使用小寫標簽

          HTML 標簽對大小寫不敏感:<P> 等同于<p>。許多網站都使用大寫的 HTML 標簽。

          W3School 使用的是小寫標簽,因為萬維網聯盟(W3C)在 HTML 4 中推薦使用小寫,而在未來 (X)HTML 版本中強制使用小寫。

          3

          HTML 屬性


          HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。

          屬性總是以名稱/值對的形式出現,比如:name="value"。

          屬性總是在 HTML 元素的開始標簽中規定。


          屬性實例:

          HTML 鏈接由 <a>標簽定義。鏈接的地址在 href 屬性中指定:

          <a href="http://www.w3school.com.cn">This is a link</a>

          注釋:屬性值應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題。在某些個別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:name='Bill "HelloWorld" Gates'。


          我自己是一名從事了多年開發的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關注我的頭條號并在后臺私信我:前端,即可免費獲取。

          HTML 提示:使用小寫屬性

          屬性和屬性值對大小寫不敏感。

          不過,萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

          而新版本的 (X)HTML 要求使用小寫屬性。


          一些常見HTML屬性:


          HTML 編輯器


          使用 Notepad 或 TextEdit 來編寫 HTML

          可以使用專業的 HTML 編輯器來編輯 HTML:

          Adobe Dreamweaver

          Microsoft Expression Web

          CoffeeCup HTML Editor

          5

          HTML 標題

          標題(Heading)是通過 <h1> - <h6> 等標簽進行定義的。
          <h1>This is a heading</h1><h1>定義最大的標題。
          <h6>This is a heading</h6><h6> 定義最小的標題。

          注釋:瀏覽器會自動地在標題的前后添加空行。

          注釋:默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行,比如段落、標題元素前后。

          練習題


          1.以下關于標題的說法哪種是錯誤的?


          A默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行

          B使用標題僅僅是為了產生粗體或大號的文本

          C搜索引擎使用標題為您的網頁的結構和內容編制索引


          2.下面幾個標題哪個權重最高,最主要?

          A<h1>This is a heading</h1>

          B<h2>This is a heading</h2>

          C<h3>This is a heading</h3>


          3.默認情況下,HTML 會自動地在塊級元素前后添加一個額外的空行,這個說法對嗎?

          A對

          B錯


          4.以下關于段落的做法哪種是正確的?

          A<p>This is a paragraph

          B使用空的段落標記 <p></p> 去插入一個空行

          C<p>This is a paragraph </p>



          原文鏈接:https://mp.weixin.qq.com/s?src=11×tamp=1576462698&ver=2037&signature=T2Y4nDq1tylgwbylaAYBEiwqYNuQy0BzSdRIEzkzni71BqjVzvhA0eT7YdzrQ9*ZeGQtOKZ0z4V6axdTgxpf7n0x*wBZpS6*xYfaZwBzpdk5v1kwcJgPVjudZ8x5yPVx&new=1


          主站蜘蛛池模板: 97久久精品午夜一区二区| 精品女同一区二区三区免费播放 | 成人精品一区二区三区校园激情 | 日韩在线视频一区| 精品国产一区二区三区久| 一区二区三区四区在线观看视频 | 色天使亚洲综合一区二区| 福利一区二区三区视频午夜观看| 国产午夜精品一区二区三区不卡| 久久精品国产一区二区三| 日本一区二三区好的精华液 | 韩国精品一区视频在线播放| 亚洲欧洲一区二区三区| 无码人妻久久一区二区三区| 亚洲av无码一区二区三区天堂古代 | 一区二区三区在线观看免费| 日本内射精品一区二区视频| 国产精品熟女视频一区二区| 日本免费电影一区二区| 欧美日韩精品一区二区在线视频| 一区二区手机视频| 一区二区三区美女视频| 亚欧色一区W666天堂| 日韩在线一区二区| 一区二区三区伦理高清| 91成人爽a毛片一区二区| 性色av无码免费一区二区三区| 久久毛片免费看一区二区三区| 亚洲一区二区三区免费视频| 一区二区三区中文| 99精品国产一区二区三区2021| 熟妇人妻系列av无码一区二区| 亚洲综合av一区二区三区不卡| 中文字幕在线播放一区| 尤物精品视频一区二区三区| 亚洲图片一区二区| 一区二区三区美女视频| 精品国产日韩亚洲一区在线 | 久久精品国产第一区二区三区| 视频精品一区二区三区| 无码丰满熟妇一区二区|