web程序設計——基本標籤(一)

標籤基本語法的單元

一般形式:

                 <tagname 屬性1=”屬性1”  屬性2=”屬性2” ……> 內容…… </tagname>

  • 註釋語句

<!—註釋語句,可以是多行-->

HTML5文檔的基本結構

  1. 第一行必須是<!DOCTYPE html> 
  2. 主要包括的標籤有<html> <head> <title> <meta> <body>
    <html></html>:是整個網頁的根元素
    <meta/>是元標籤,元素可提供有關頁面的元信息,比如針對搜索引擎和更新頻度的描述和關鍵詞。
    <meta charset=”utf-8”/>   //其中的utf-8也可以換成GB2312或GBK。

*用什麼編碼,你的文件就要用相應的編碼保存

  • 設置格式:<meta name="參數"  content="參數值"/>
  •        或 <meta http-equiv="參數" content="參數值"/>
  • http-equiv主要是向瀏覽器傳遞一些信息,name則向搜索引擎和製作工具提供信息,http-equiv和name只能二取一

例:<meta http-equiv="Expires" content="Tue,08 Dec

          2009 00:00:00GMT"/> //設置網頁過期時間

    <meta http-equiv="refresh"
          content="5;url=http://www.baidu.com"/>

          //告訴瀏覽器5秒後網頁刷新到百度網站

 

    3.<title></title>:標題標籤,內容是顯示在瀏覽器的頂部。

基本的文本標籤

  1. <p></p>:段落元素。
    *段落內的換行符將會被忽略,如需換行則需要採用專門的標籤,如<br/>。
    *段落內多個空格將會被一個空格所取代,需要產生連續空格可以採用中文全角空格或者多個字符&nbsp
    *</p>結束後將會插入一個空白行。
  2. <br/>換行標籤,自封閉標籤。
  3. <hr/>:水平線,默認爲3像素。
  4. <pre></pre>:預排版標籤。
  5. <h1></h1>……<h6></h6>:分級標籤,值越大,字越小,<h4>是默認的文本字體大小。
  6. <blockquto></blockquto>:文本塊引用。
  7. 字體的樣式與大小

標籤

含義

<i></i>

斜體

<b></b>

粗體

<em></em>

強調斜體

<strong></strong>

強調加粗

<big></big>

字體大一號

<small></small>

字體小一號

<sup></sup>

上標標籤

<sub></sub>

下標標籤

塊標籤與行內標籤

  • 塊標籤:<p><code><h4><div><form><table>
    一般是其他標籤的容器,塊標籤一般都從新行開始,它可以容納內聯標籤和其他塊標籤。
  • 行內標籤:<em><strong><sub><sup><input><img>
    只能容納文本或者其他內聯元素。
  • 塊標籤不能出現在行內標籤內。
  • 行內標籤不能直接放在文檔主體<body>或表格<table>中

字符實體

 

 

 

&

&amp;

and記號

<

&lt;

小於號

>

&gt;

大於號

"

&quot;

雙引號

&apos;

&apos;

單引號

¼

&frac14;

四分之一

½

&frac12;

二分之一

¾

&frac34;

四分之三

(space)

&nbsp;

空格

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章