大战熟女丰满人妻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ù)文檔推薦 >>
主站蜘蛛池模板： 国产原创中文字幕 | 午夜精品在线视频 | 国产在线精品一区二区三区 | 亚洲第一在线 | 亚洲欧美日韩国产精品久久 | 波多野结衣视频一区 | 午夜一级视频 | 天天插狠狠干 | 欧美日本另类xxx乱大交 | 99热久久精品免费精品 | 伊人亚洲 | 免费在线中文字幕 | 欧美亚洲国产另类在线观看 | 亚洲九九精品 | 色国产精品一区在线观看 | 日韩欧美a级高清毛片 | 亚洲人成一区二区不卡 | 欧美另类网站 | 亚洲精品第一页中文字幕 | 久久www免费人成_看片美女图 | 欧美天天| 377p亚洲欧洲日本大胆色噜噜 | 国产成+人+亚洲+欧美+日韩 | 四虎国产一区 | 青草在线视频 | 欧美色另类 | 久久草在线 | 精品国产一区二区三区成人 | 色网站在线播放 | 国产精品久久久久影院色老大 | 国产永久一区二区三区 | 兽皇在线观看 | 亚洲精品www久久久久久 | 欧美另类网 | 妖精视频一区二区三区 | 久久r精品 | 亚洲高清一区二区三区久久 | 久久99热这里只有精品免费看 | 日韩中文字幕推理片 | 亚洲国产精品久久卡一 | 亚洲性综合 |