html基礎知識

HTML 超文本標記語言，描述網頁的。跟其他編程語言不同，可通過文本編輯器來創建。

HTMl文件格式：

文件是.html或者.htm後綴的文件。

HTMl超文本標記語言書寫格式要符合W3C（萬維網聯盟）標準。（字母小寫）

HTML完整的結構：

<html>

<head>

聲明css或者引入js、css以及其他內容

</head>

<body>

頁面顯示的內容

</body>

</html>

<html>……</html>:表示文件類型爲HTML文檔

<head>……</head>:文檔頭部標記,表示設置文檔描述及其他不在web網頁上顯示的信息

<head>……</head>內部經常使用標籤說明:

　 <link>:提供將現行文檔與其他文檔或實體關聯的信息。

　 <isindex>:指明在服務器上提供文檔可以檢索的索引

<title>……</title>:文檔標題,即在標題欄中顯示的題目

<body>……</body>:當主題標記,記在網頁內要現實的題目.

<body>……</body>用於定義頁面內容的顯示效果.

bgcolor=”顏色值”:設置背景色

background=“url”這是背景圖片的文件名。

alink:活動時連接顏色

link:鏈接的顏色

vlink:連接後的顏色

text:文本的顏色

屬性解釋:

align=left/right/center:設置在網頁中的左右對齊方式。

valign=top/middle/botton/baseline:設置在網頁中的上下對齊方式。

<address>……</address>:地址風格一般用與文檔的開始或結尾處,並以斜體格式顯示文本。

標記：

標題文字標記：<hn>....</hn> : n的取值爲:1—6,1最大,6最小;1-6級標題。

常用段落標記：

註釋標記:其格式爲:<!- - 註釋內容(不侷限一行，不執行該代碼) - ->

換行標記:<br />或者是<br>

強制換段標記,格式爲: 文字<p>,相當於兩個<br>

設置段落標記,格式爲:<p>文字</p>

預格式化標記:<pre>…</pre>

位置控制標記,格式爲:<div align=”對齊方式”>文本或圖像</div>

我們可將div認爲是容器，默認是縱向排列的。

水平線標記:<hr>：其屬性有:

size:水平線的寬度.

width:水平線的長度,可用佔平寬度的百分比或像素值來表示

heigth:水平線的高度,可用佔平寬度的百分比或像素值來表示

align:水平線的對齊方式,有left/right/center三種

noshade:線段無陰影屬性,爲實心線段

字體標記：

<font size=大小 face=字體 color=顏色 >要顯示的內容</font>

size:設置字體大小,取值1--7

face:設置字體,如:隸書,宋體,幼圓,楷體等.

color:設置文字顏色

　　 <b>……</b>:設置字體加粗

　　 <tt>……</tt>:標準打字機字體

　　 <i>……</i>:設置斜體字

　　 <strike>……</strike>:設置帶刪除線的文字

　　 <u>……</u>:設置帶下劃線的文字

　　 <sub>……</sub>:將文本作爲下標顯示

　　 <sup>……</sup>將文本作爲上標顯示，例如：2的2次冪

　　 <big>……</big>:大字體文本顯示

　　 <small>……</small>:小字體文本顯示

　　 <strong>……</strong>:加重顯示字體

超鏈接標記

<a href="跳轉的路徑URL">顯示的文本內容</a> 屬性：name="" 相當於給該標籤起名字。

例如：如果當前頁面一個a標籤跳轉到指定當前頁面另一個a標籤所在位置：

target將鏈接的文件最終要顯示的位置.其值爲:

　　　 target=_blank:將鏈接的文件顯示在一個新的窗口

　　　 target=_self:將鏈接的文件顯示在本窗口

　　　 target=_top:將鏈接的文件顯示在整個瀏覽器窗口

　　　 target=_parent:將鏈接文件顯示在前一個窗口

　　　 target=”windowname”將鏈接的文件顯示在指定的窗口

相對路徑：相對某個文件，去找目標文件，不寫具體的盤符

絕對路徑：直接寫具體的盤符文件夾路徑

./同級路徑的 ../跳出一層文件夾

圖像標記

<p_w_picpath src=""/>

src=’url’設置圖片的路徑

name=圖片的名字

width:設置圖片的寬度

height:設置圖片的高度

vspace:設置圖片離網頁頂端的空白距離

hspace:設置圖片離網頁左端的空白距離

alt:在瀏覽器尚未完全讀入圖像時,在圖像位置顯示的信息:

title:當鼠標指到圖片時出現的信息.

border:設置圖片邊框的粗細,其值爲數字.

相關序列表標記

定義無序列表標籤：<ul><li>內容</li><li>內容</li><li>內容</li></ul>

Type=disk/circle/square:指定表項左端前面的符號類型.

有序列表標記:<ol start="3"><li>內容</li><li>內容</li><li>內容</li></ol>

type=""屬性，指定該列表序號格式。可設定5種序號：數字、大小寫英文字母、大小寫羅馬字母。

start=“”指定該了列表從幾開始排列標示符。

自定義項目列表：<dl><dt>標題<dt>…<dd>內容<dd>…</dl>

表格標記：

<table>…</table>：定義表格。

<caption>…</caption>：定義表格標題。

<tr>…</tr>：定義錶行。

<th>…</th>：定義表頭。

<td>…</td>：定義表元（即表格的具體數據）。

<colspan=#>：#=從左數起，具有指定屬性的列的列數。

<colalign=#>：#=left,right,center：設置所在列的左右對齊方式。

表格中邊框的顯示：（對table標籤）

frame=box：全部顯示四個邊框。

frame=above：只顯示上邊框。

frame=hsides：只顯示上下邊框。

frame=lhs：只顯示左邊框。

frame=void：不顯示任何邊框。

表格中分隔線(Rules)的顯示：(對table標籤)

rules=all：顯示所有的分隔線。

rules=rows：只顯示行之間的分隔線。

rules=none：不顯示任何分隔線。

其它屬性有：

bgcolor：背景色 background=”圖片名”

表格邊框色彩的亮度控制：

bordercolorlight：表格邊框亮度顏色值。

bordercolordark：表格邊框陰影顏色值。

width=寬度 height=高度 border=邊框粗細 bordercolor=”顏色值”

cellspacing=單元格間隙 cellpadding=設置表格邊框與其內容空間的大小

colspan=跨列 rowspan=跨行

form表單常用標記

<form></form> 用於提交請求發送數據使用。

屬性：name：定義表單的名字。

action：表單提交的目的地址。action=”url”。

method：表單的提交方式。其值有post/get。

target=”_blank/_self/_top/_parent”：指定表單提交結果文檔最終要顯示的位置。

enctype=”multipart/form-data”：來確保匿名上載文件的正確的編碼

文本框：<input type=”text” value=”” name=””>

屬性：

name="username" 相當於給該標籤起名字，以後傳輸數據時使用。

value=""該屬性是該標籤真實的值；

readonly 該屬性，指定該標籤是隻讀。

size：定義文本框的寬度，單位是單個字符寬度：如：size=”5”。

maxlength="10" 定義最多輸入的字符數

（如下兩個標籤任何標籤都有該屬性）：

id="" 唯一標示該標籤，頁面上的id，不允許重複。

class="" 以後css會使用該屬性，相同的class屬性的標籤認爲是一組

文本域:<textarea name="">輸入的文本</textarea>

textarea多行多列輸入元素，即多行多列文本框。

textarea基本屬性：

name：定義多行文本框的名稱。

cols：定義多行文本框的寬度，單位是單個字符寬度。

rows：定義多行文本框的高度，單位是單個字符寬度。

wrap：屬性定義輸入內容大於文本域時顯示的方式，可選值如下：

virtual：允許文本自動換行。

off：不允許自動換行。

physical：讓文本換行，當數據被提交處理時換行符也將被一起提交處理。

隱藏域：<input type="hidden" name="" value="">

基本屬性：

name：設定提交信息時的提交名稱，對應HTML文檔的hidden中的name。

type：定義該輸入元素爲隱藏域。

密碼框：<input type="password"> 同樣有文本框相關的屬性。

文件上傳框：其格式：<input type=”file” name=” ”>

下拉列表：<select name="" id="" class="" >

</select>

selected 屬性指定某個要選中的option,

disabled 該屬性一般用在select標籤、button按鈕上面，讓該標籤不可以被使用（不可被點擊）。

size：定義下拉選擇框的行數。

multiple：設置滾動菜單，屬性表示可以多選，如果不設置本屬性，那麼只能單選。

單選框：<input type="radio" valu="1" name="sex"><input type="radio" value="2" name="sex">

屬性：name,相同的name屬性認爲是一組。

複選框：<input type="checkbox" value="">

按鈕：普通按鈕：<input type="button" value="確定" >

form標籤中專門用於提交form表單的提交按鈕：<input type="submit" value="提交">

form標籤中專門用於提交form表單的重置按鈕：<input type="reset" value="重置">

框架標記

</frameset>

框架內的屬性有：

rows=像素值：設定橫向分割的框架數目 cols=像素值：設定縱向分割的框架數目

src=”url”：指定表示該框架對應的源文件。Name：指定框架名稱。

border=像素值：設定邊框的寬度。bordercolor=顏色值：設定邊框的顏色

frameborder=yes/no 設定邊框的有無，缺省值爲yes。

noresize：設定框架不可編輯，即固定邊框。

marginwidth=像素值，marginheight=像素值：設定頁面空白區域的大小。

scrolling=yes/no：設置是否顯示滾動條。

framespacing=像素值：窗口之間空白區域設置。

marginwidth=像素值/marginheight=像素值：設置頁面空白的大小。

<html>

<!--

noresize該屬性(只能使用在frame上)，讓周圍邊框不可以拖拽。

frameborder="0" 或者yes或者no，0 此時不顯示邊框和no一致。>0相當於yes

不顯示邊框。可以用在frame或者frameset上；

-->

</frameset>

</html>

嵌入窗口標記

例如：

<html>

<body>

</body>

</html>

fieldset 標籤：

</table>

</p>

</fieldset>

製作多媒體頁面

<bgsound src=#> #=WAV 文件的URL。

<bgsound loop=#> #=循環數。

<img src=”url.gif” dynsrc=”url.avi”>：插入視頻剪輯。

start=#：設置何時播放。

#=fileopen時，表示鏈接到本頁時開始播放該視頻。

#=mouseover時，表示把鼠標移到播放區域時，開始播放該視頻。

controls：用來在視頻窗口下附加MS-WINDOWS的AVI播放控制條。

loop=#：設置播放次數。

loopdelay=#：設置播放延時，單位是毫秒。

在網頁設置會移動的文字

direction設置文字移動的方向:其值可以有:up/down/left/right

behavior: 設置文字移動的方式:其值可以有:slide/alternate/scroll

loop: 設置文字移動的次數:默認值爲無數次循環.

scrolldelay:設置文字移動的延時.

scrollamount:設置一次滾動的文本量

width：數值滾動內容寬度

height：數值滾動內容高度

vspace：數值滾動區域寬度

hspace：數值滾動區域高度

鼠標經過時滾動停止離開重新滾動

1. 向左滾動（默認）代碼

<MARQUEE scrollamount=2 scrolldelay=100><FONT color=#ff6600>Welcom to my blog.</FONT></MARQUEE>

2. 向右滾動代碼

<MARQUEE direction=right scrollamount=2 scrolldelay=100><FONT color=#ff6600>Welcom to my blog.</FONT></MARQUEE>

3. 向上滾動(多行文字在每行後加<br>標記)代碼

<MARQUEE direction=up scrollamount=2 scrolldelay=100><FONT color=#ff6600>Welcom to my blog.<BR>It's just for you! <BR>The most preferred bilingual bol for you to share</FONT></MARQUEE>

4. 向下滾動代碼

<MARQUEE direction=down scrollamount=2 scrolldelay=100><FONT color=#ff6600>Welcom to my blog.<BR>It's just for you!<BR>The most preferred bilingual bol for you to share</FONT></MARQUEE>

5. 滾動次數3次（默認爲無數次）代碼

<MARQUEE loop=3 scrollamount=2 scrolldelay=100><FONT color=#ff6600>Welcom to my blog.<BR>It's just for you!<BR>The most preferred bilingual bol for you to share</FONT></MARQUEE>

6. 滾動延時代碼

<MARQUEE scrollDelay=20 direction=up><FONT color=#ff6600>Welcom to my blog.<BR>It's just for you!<BR>The most preferred bilingual bol for you to share</FONT></MARQUEE>

7. 滾動文本量代碼

<MARQUEE direction=up scrollamount=2 scrolldelay=100><FONT color=#ff6600>Welcom to my blog.<BR>It's just for you!<BR>The most preferred bilingual bol for you to share</FONT></MARQUEE>

8. 滾動文本大小(默認爲原文字大小)代碼

<MARQUEE scrollamount=2 scrolldelay=100 width=200 height=40><FONT color=#ff6600>Welcom to my blog.<BR>It's just for you!<BR>The most preferred bilingual bol for you to share</FONT></MARQUEE>

9. 滾動區域的寬度和高度(默認爲原文字大小)代碼

<MARQUEE hspace=100 vspace=50><FONT color=#ff6600>Welcom to my blog.<BR>It's just for you!<BR>The most preferred bilingual bol for you to share</FONT></MARQUEE>

10. 滾動的超鏈接代碼

<MARQUEE behavior=alternate><A href=http://blog.cersp.com/14400.aspx target=blank>此處爲鏈接文字說明(點擊進入動感部落的博客)</A></MARQUEE>

11. 滾動的圖片加超鏈接

12. 來回滾動代碼

13. 鼠標經過時滾動停止代碼（此效果在新浪博客中可能無效）

div:

可以認爲是一個容器：

style屬性：添加Css樣式表，控制該標籤的樣式。 border:solid 1px red;表示邊框，實心，1像素寬，紅色。

Spring Cloud 部署時如何使用 Kubernetes 作爲註冊中心和配置中心

常用正則表達式

css

Jquery總結

html基礎知識

CSS引入外部字體

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結