大战熟女丰满人妻av-荡女精品导航-岛国aaaa级午夜福利片-岛国av动作片在线观看-岛国av无码免费无禁网站-岛国大片激情做爰视频

專注Java教育14年 全國咨詢/投訴熱線：400-8080-105
動力節(jié)點LOGO圖
始于2009，口口相傳的Java黃埔軍校
首頁 hot資訊 常用HTML語法概述

常用HTML語法概述

更新時間：2021-02-19 16:52:00 來源：動力節(jié)點 瀏覽1250次

眾所周知，學(xué)習(xí)一門語言，最重要的還是要掌握其語法，HTML也不例外。作為一門超文本標記語言，HTML是一種標準，也是一種規(guī)范，它通過標記符號來標記要顯示的網(wǎng)頁中的各個部分。掌握常用HTML語法是我們學(xué)習(xí)HTML的基本要求，下面我們就來為大家講述HTML語法。

1、<常規(guī)標記>

<標記 屬性=“屬性值” 屬性=“屬性值”></標記>

標記也可叫標簽或叫元素

例如：<head></head>

2、空標記

<標記 屬性=“屬性值” />

例如：<meta charset=”utf-8”>

3、文本標題（h1-h6）

<h1>LOGO</h1>

<h2>二級標題</h2>

<h3>三級標題H3</h3>

<h4>四級標題H4</h4>

<h5>五級標題</h5>

<h6>六級標題</h6>

注：文本標題標簽自帶加粗，有自己的文本大小，并且獨占一行，有默認間距

4、段落文本(p)

<p>段落文本內(nèi)容</p>

標識一個段落(段落與段落之間有段間距)

5、空格

所占位置沒有一個確定的值,這與當(dāng)前字體字號都有關(guān)系.

6、換行(br)

<br />

換行是一個空標記(強制換行)

7、水平線

<hr />空標記

8、加粗有兩個標記

A、<b>加粗內(nèi)容</b>只是顯示加粗

B、<strong>強調(diào)的內(nèi)容</strong>突出的文本

9、傾斜

<em>強調(diào)文本</em>

<i>傾斜文本</i>

10、擴展

<u>文本</u>下劃線

<del>文本</del>刪除線

<s>文本</s>刪除線

<sub></sub>下標

<sup></sup>上標

11、列表(ul,ol,dl)

HTML中有三種列表分別是：無序列表，有序列表，自定義列表

*無序列表

無序列表組成：

<ul>(unordered list)

<li></li>

<li></li>

．．．．．．

</ul>

*有序列表

有序列表組成：

<ol>(ordered list)

<li></li>

<li></li>

．．．．．．

</ol>

*自定義列表

<dl>(definition list)

<dt>名詞</dt>

<dd>解釋</dd>

(definition description)

．．．．．．

</dl>

12、插入圖片

<img src="目標文件路徑及全稱" alt="圖片替換文本" title="圖片標題" width="寬度" height="高度"/>

注:所要插入的圖片必須放在站點下

title的作用:圖片的標題； 在你鼠標懸停在該圖片上時顯示一個小提示，鼠標離開就沒有了，HTML的絕大多數(shù)標簽都支持title屬性，title屬性就是專門做提示信息的

alt的作用:提示文本 必寫；alt屬性是在你的圖片因為某種原因不能加載時在頁面顯示的提示信息，它會直接輸出在原本加載圖片的地方。（優(yōu)化圖片的）

*相對路徑的寫法：

1)當(dāng)當(dāng)前文件與目標文件在同一目錄下，直接書寫目標文件文件名+擴展名；<img src=”q12.jpg”/>

2)當(dāng)當(dāng)前文件與目標文件所處的文件夾在同一目錄下，寫法如下：

文件夾名/目標文件全稱+擴展名；<img src=”images/q12.jpg”/>

3)當(dāng)當(dāng)前文件所處的文件夾和目標文件所處的文件夾在同一目錄下，寫法如下：

../目標文件所處文件夾名/目標文件文件名+擴展名；

<img src=”../images/q12.jpg”/>

13、超鏈接的應(yīng)用

語法：

<a href="目標文件路徑及全稱/連接地址" title="提示文本">鏈接文本/圖片</a>

<a href="#"></a>空鏈接

屬性：target:頁面打開方式，默認屬性值_self。

屬性值：_blank 新窗口打開

<a href="#" target="_blank">新頁面打開</a>

14、數(shù)據(jù)表格的作用及組成

作用：顯示數(shù)據(jù)

表格組成

<table width="value" height="value" border="value">

<tr>

<td></td>

<td></td>

</tr>

</table>

注：一個tr表示一行;一個td表示一列(一個單元格)

15、表單的作用及組成

表單的作用：用來收集用戶的信息的;

表單組成：表單框（表單域form）

提示信息

表單控件/表單元素

1)、表單框

<form name="表單名稱（英文字母開頭的）" method（提交方式）="post/get" action="表單提交的地址"></form>

2）文本框

<input type="text" value="默認值" placeholder="提示文本" />

3)密碼框

<input type="password" placeholder="密碼"/>

4)提交按鈕

<input type="submit" value="按鈕內(nèi)容" />

<input type="reset" value="按鈕內(nèi)容"/>重置按鈕

5）單選框/單選按鈕

<input type="radio" name="ral" value="radiovalue"/>

<input type="radio" name="ral" checked="checked" />

單選按鈕里的name屬性必須寫，同一組單選按鈕的name屬性值必須一樣。

6）復(fù)選框

<input type="checkbox" name="like" value="checkboxvalue" />

復(fù)選按鈕里的name屬性必須寫，同一組復(fù)選按鈕的name屬性值必須一樣。

checked="checked"表示默認被選中，可簡寫成checked

disabled="disabled"表示禁用，可簡寫成disabled

enabled:可用狀態(tài)

7)下拉菜單

<select name="">

<option name="" value="表單被提交時被發(fā)送到服務(wù)器的值">菜單內(nèi)容</option>

</select>

8）多行文本框（文本域）

<textarea name="textareal" cols="字符寬度" rows="行數(shù)">

</textarea>

9)跳轉(zhuǎn)按鈕

<input name="'" type="button" value=“按鈕內(nèi)容” />

<button></button>

16、div和span的用法

<div ></div>

沒有具體含義， 除了獨占一行之外沒有任何其它的默認屬性，是頁面布局中常用的標簽；

<span> </span>

文本結(jié)點標簽

可以是某一小段文本，或是某一個字。 它除了不換行外，沒有任何其它的默認屬性；

以上就是為大家總結(jié)的常用的HTML語法，當(dāng)然，HTML作為前端開發(fā)的得力語言，HTML語法總體體量也是很龐大的，我們還有許多沒有做詳細的介紹。在本站的HTML教程中，還有許多本文中未涉及到的HTML語法，并配備了具體實例應(yīng)用，感興趣的小伙伴一定要去學(xué)習(xí)哦。

  • 男 女

提交申請后，顧問老師會電話與您溝通安排學(xué)習(xí)

免費課程推薦 >>
技術(shù)文檔推薦 >>
主站蜘蛛池模板： 日韩视频在线一区 | 九九成人 | 99久热国产精品视频尤物不卡 | 欧美三级成人观看 | 超级毛片 | 日本b站一卡二不卡 | 99视频免费在线观看 | 九热这里只有精品 | 国产亚洲精品久久久久久久软件 | 亚洲欧美中文字幕在线网站 | 日本中文字幕视频在线看 | 99久久国产综合精品网成人影院 | 久热这里只精品99国产6_99 | 四虎视频国产精品免费 | 一区二三区国产 | 成人淫片| 欧美一级成人 | 亚洲日本va中文字幕在线不卡 | 神马毛片 | 欧美一级中文字幕 | 国产女人18一级毛片视频 | 国产精品成人va | 91嫩草国产线免费观看 | 四虎网站最新地址 | 最新国产精品久久精品 | 99热这里只有精品免费 | 中文字幕亚洲综合久久202 | 6080亚洲精品一区 | 亚洲天堂久久新 | 成人高清毛片a | 青青青国产手机免费视频 | 国产精品原创 | 国产精品你懂的在线播放 | 青青草免费视频在线播放 | 免费网站成人亚洲 | 热久久精品在线 | 2019最新四虎免费8848 | 成人毛片一区二区三区 | 99久久日本一区二区波多野结衣 | 成人短视频在线观看 | 亚洲免费区 |