html標簽

標簽的語法

1.標簽使用<>括起來的,如最基本的<html>。

2.標簽一般都是成對存在。

3.標簽是可以嵌套的。

4.標簽是不區分大小寫的。


1.head標簽

穩當頭部描述了文檔的各種屬性和信息,和標題

<head>

<title>.....</title>

<meta>

<link>

<style>...</style>

<script>...</script>

</head>

<title>標簽內的內容是出現在網頁的標題信息,出現在瀏覽器的標題欄中

<meta>標簽提供頁面的元信息,比如針對搜索引擎和更新頻度的描述和關鍵詞

<link>用于把外部文件連接到文件內部

<style>標簽用來對網頁樣式進行修飾(css)

<script>內部是js代碼


2.body標簽

用來儲存網頁中要展現的內容,大部分東西都在這里面


3.p標簽,hx標簽,strong標簽,em標簽,span標簽,q標簽,blockquote標簽

<p>..</p>

<hx>,,,</hx>

<strong>....</strong>

<em>...</em>

<span>...</span>

<q>..</q>

<blockquote>...</blockquote>

<p>..</p>用來在網頁上顯示文章,p標簽的默認樣式中在段前段后都會有空白

<hx>...</hx>用來為網頁添加標題,分為六級,一次按重要程度的不同進行排序

<strong>..</strong>用來對文字進行加粗處理

<em>...</em>用來對文本進行加斜體處理

<span>..</span>用來對文字設置單獨樣式,也可以用來把塊狀元素轉化為內聯元素,strong和em相對于span主要是起到強調的作用,而span標簽是沒有語意的用來對文字進行單獨樣式設計

<q>..</q>標簽用來進行短文本引用,使得瀏覽器自動對引用部分添加引號

<blockquote>...</blockquote>用來進行對長文本進行引用,在瀏覽器中解析為縮進樣式


4.br標簽,空格標簽,hr標簽,address標簽,code標簽,pre標

<br/>標簽用于換行

?標簽用于添加空格

<hr/>標簽用于添加分割橫線

<address>..</address>用于給網頁加入地址信息

<code>...</code>用于為網頁中添加一行代碼

<pre>...</pre>用來給網頁插入大段的代碼,注意其與code標簽的區別


5.ul標簽與ol標簽,和與他們進行配合的li標簽

<ul>...</ul>用來為網頁添加信息列表,ul屬于一種無序的標簽注意ul和li標簽的配合,ul標簽默認有圓點

<ol>....</ol>用來添加有序的信息列表


6.table標簽,tbody,tr,th,td標簽,caption標簽

<table>

<tbody>

<tr>

? ? <th>產品名稱</th>

? ? ?<th>品牌</th>

</tr>

<tr>

? ? ? <td>耳機</td>

? ? ? ?<td>聯想</td>

</tr>

</tbody>

</table>

<table>...</table>標簽是用來為網頁添加表格的

<tbody>..</tbody>當表格內容很多時會下載一點顯示一點,如果加上tbody之后表格會在完全下載完后在進行顯示

<tr>..</tr>表示表格含有幾行<td>..</td>用來表示表格一行有多少列

<th>..</th>用來制作表頭

<caption>...</caption>為表格添加標題和摘要


7.a標簽

<a>...</a>使用a標簽可以實現超鏈接a標簽里面的title是表示鼠標滑過時顯示的文本,a標簽里面的target是用來在一個新的瀏覽器窗口里面打開鏈接,a標簽里面的mailto是用來鏈接email地址的。

<a href="mailto:郵箱地址?cc=&bcc=&subject=&body=&>發送</a>


8.img標簽

<img ?src="" alt="" ?title="">

src用來表示圖像的地址,alt時當圖像不可見時顯示的制定文本,title是鼠標滑過時現實的文本


9.form標簽,input,textarea,select,option,label標簽

form標簽可以實現與用戶的交互。form是成對出現的,action時用戶輸入的數據被傳送到的地方,method為數據傳送的方式(get/post)

<input type="" name=" " value=""/>

1.type=“text”輸入框為文本輸入框

type="password" 輸入框為密碼輸入框

type=“radio”控件為單選框

type="checkbox“控件為復選框

type=“submit”是表示提交按鈕

type="reset"為重置按鈕

2.name:為文本輸入框命名,已被后臺使用

3.value為文本輸入框設置默認值


<textarea></textarea>為文本域標簽,col位列書row為行數

<select></select>為下拉列表框可用來節省空間

select下屬的option時下拉菜單的選擇其中的value是用來表示向服務器提交的值

select后面加multiple是用來表示多選操作


<label for=></label>不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性選中label標簽后,瀏覽器會自動將焦點轉到與標簽相關的表單控件中

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,321評論 1 41
  • 引言 在日常開發Android中,很多時候會遇到和WebView打交道,對CSS HTML JS不是很清楚的話是完...
    張文靖同學閱讀 2,880評論 0 11
  • 在前一篇文章中已經簡單提到Html標簽了,在本文中就不再贅述它的介紹了。想要再看看的可以戳Html+Css基礎概要...
    年少有van閱讀 920評論 0 14
  • 彩鉛臨摹練習
    君朽閱讀 210評論 0 0
  • 什么是內存泄露 一些對象有著有限的生命周期。當這些對象所要做的事情完成了,我們希望他們會被回收掉。但是如果有一系列...
    皇馬船長閱讀 1,157評論 0 3