国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

html常用標簽整理

番茄西紅柿 / 2311人閱讀

摘要:主要通過樣式為其賦予不同的表現(xiàn)標簽用來定義內(nèi)聯(lián)行內(nèi)元素,并無實際的意義。

 html文檔結(jié)構(gòu)

 1 DOCTYPE html>  2 <html lang="zh-CN">   #這個lang表示語言,zh-CN中文的意思,整個文檔的內(nèi)容以中文為主,如果以英文為主,就寫成lang=en 3  4 <head>  5   <meta charset="UTF-8"> 6   <title>css樣式優(yōu)先級title> 7 head> 8 <body>  9 10 body>11 html>

1.聲明為html5文件,必須是html文檔的第一行,在標簽之前;

2.、是文檔開始和結(jié)束的標記,是HTML頁面的根元素,在它們之間是文檔的頭部(head)和主體(body);

3.、定義HTML文檔開頭部分,內(nèi)容不會在瀏覽器窗口顯示,包含文檔元(meta)數(shù)據(jù),配置信息等,是給瀏覽器看的;

4.定義了網(wǎng)頁標題,在瀏覽器標題欄顯示(修改一下title中的內(nèi)容,然后看一下瀏覽器,你就會發(fā)現(xiàn)title是什么了);

5.、之間的內(nèi)容是可見的網(wǎng)頁主體內(nèi)容;

注意:中文網(wǎng)頁需要使用 聲明編碼,否則會出現(xiàn)亂碼;有些瀏覽器是gbk,需手動設置為;

 

 

html標簽格式

1.html標簽是由尖括號包圍的關鍵字,如:,

,等;

2.html標簽通常是成對出現(xiàn),如:

,第一個是開始,第二個有斜線的是結(jié)束;

3.有些標簽是多帶帶呈現(xiàn)的,如:


、;

4.標簽里面帶有若干屬性,也有不帶的;

標簽語法:

<標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”……>內(nèi)容部分
<標簽名 屬性1=“屬性值1” 屬性2=“屬性值2”…… />

html注釋:

 #找到一行內(nèi)容ctrl+/能快捷注釋,注釋的內(nèi)容不會在網(wǎng)頁上顯示出來

 

 

head內(nèi)常用標簽

meta標簽:

  01.元素可提供有關頁面的元信息(meta-information),針對搜索引擎和更新頻度的描述和關鍵詞;

  02.標簽位于文檔的頭部,不包含任何內(nèi)容,提供的信息用戶是看不見的;

meta標簽組成:

  http-equiv屬性和name屬性:

  1.http-equiv屬性:相當于http的文件頭作用,向瀏覽器傳回一些有用的信息,正確顯示網(wǎng)頁內(nèi)容,與之對應的屬性值content,content中的內(nèi)容是各個參數(shù)的變量值;

  #edge是微軟的一個全新的瀏覽器,其實就是告訴IE瀏覽器,你按照最高標準來渲染我的頁面,做了解;

  2.name屬性:主要用于描述網(wǎng)頁,與之對應的屬性值為content,content中的內(nèi)容主要是便于搜索引擎查找信息和分類信息用的;

<meta name="keywords" content="meta總結(jié),html meta,meta屬性,meta跳轉(zhuǎn)"> <meta name="description" content="xxxxxpythonxxx學習">  #是對這個文檔的描述,在百度一些內(nèi)容的頁面上,f12打開看看

 

 

body常用標簽

基本標簽

加粗

每次加上一些內(nèi)容,記得保存再刷新一下才會顯示出效果來;

 

常用特殊字符

 

div標簽和span標簽

這兩個標簽沒有特別的樣式,

xxxx
,xxx這是兩個標簽最大的特點,可以通過CSS來控制,網(wǎng)站中多數(shù)是他們;

div標簽用來定義一個塊級元素,并無實際的意義。主要通過CSS樣式為其賦予不同的表現(xiàn);

span標簽用來定義內(nèi)聯(lián)(行內(nèi))元素,并無實際的意義。主要通過CSS樣式為其賦予不同的表現(xiàn);

塊級元素與行內(nèi)元素的區(qū)別:

塊元素,是另起一行開始渲染的元素,行內(nèi)元素則不需另起一行。多帶帶在網(wǎng)頁中插入這兩個元素,不會對頁面產(chǎn)生任何的影響;

這兩個元素是專門為定義CSS樣式而生的;

塊級標簽:p、h1--h6、hr、div

內(nèi)聯(lián)標簽:b、i、u、s

注意

標簽嵌套:通常塊級元素可以包含內(nèi)聯(lián)元素或某些塊級元素,但內(nèi)聯(lián)元素不能包含塊級元素,它只能包含其它內(nèi)聯(lián)元素;div是可以包含div的;

p標簽比較特殊,不能包含塊級標簽,p標簽也不能包含p標簽;可以試一下p標簽套p標簽,f12你會發(fā)現(xiàn)三個p標簽;

 

 img標簽 

<img src="圖片的路徑" alt="圖片未加載成功時的提示" title="鼠標懸浮時提示信息" width="寬" height="高(寬高兩個屬性只用一個會自動等比縮放)">

src的路徑分為兩種:網(wǎng)上的圖片路徑和本地的圖片路徑(本地路徑又包括相對路徑和絕對路徑)

"." -- 代表目前所在的目錄,相對路徑。 如:文本

 

a標簽 

 超鏈接標簽:指從一個網(wǎng)頁指向一個目標的連接關系,這個目標可以是另一個網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。

 點我

 target:

  _blank表示在新標簽頁中打開目標網(wǎng)頁

  _self表示在當前標簽頁中打開目標網(wǎng)頁

href屬性指定目標網(wǎng)頁地址。該地址可以有幾種類型:

  絕對URL - 指向另一個站點(比如 href="http://www.jd.com)
  相對URL - 指當前站點中確切的路徑(href="index.htm") #學django的時候會用的比較多
  錨URL - 指向頁面中的錨(href="#top"),博客的目錄經(jīng)常用到,還可以跳轉(zhuǎn)到 name屬性為p1的a標簽上,xxx

 

列表 

1.無序列表

  第一項

type屬性:

  disc(實心圓點,默認值)
  circle(空心圓圈)
  square(實心方塊)
  none(無樣式)

2.有序列表

  第一項

type屬性: start是從數(shù)字幾開始

  1 數(shù)字列表,默認值
  A 大寫字母
  a 小寫字母
 ?、翊髮懥_馬
  ⅰ小寫羅馬

3.標題列表

  標題1

 

表格 

表格是一個二維數(shù)據(jù)空間,一個表格由若干行組成,一個行又有若干單元格組成,單元格里可以包含文字、列表、圖案、表單、數(shù)字符號、預置文本和其它的表格等內(nèi)容。

  表格最重要的目的是顯示表格類數(shù)據(jù)。表格類數(shù)據(jù)是指最適合組織為表格格式(即按行和列組織)的數(shù)據(jù)。

  表格的基本結(jié)構(gòu):

  序號

 效果如圖:

屬性:
  border: 表格邊框.
  cellpadding: 內(nèi)邊距 (內(nèi)邊框和內(nèi)容的距離)
  cellspacing: 外邊距.(內(nèi)外邊框的距離)
  width: 像素 百分比.(最好通過css來設置長寬)
  rowspan: 單元格豎跨多少行
  colspan: 單元格橫跨多少列(即合并單元格)

 

一般很少用上面這些屬性

 

input標簽 

元素會根據(jù)不同的 type 屬性,變化為多種形態(tài)

input屬性說明:

  name:表單提交時的“鍵”,注意和id的區(qū)別
  value:表單提交時對應項的值
    type="button", "reset", "submit"時,為按鈕上顯示的文本年內(nèi)容
    type="text","password","hidden"時,為輸入框的初始值
    type="checkbox", "radio", "file",為輸入相關聯(lián)的值
  checked:radio和checkbox默認被選中的項
  readonly:text和password設置只讀
  disabled:所有input均適用

代碼示例

賬戶
input

顯示效果:

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/1444.html

相關文章

  • 常用meta整理

    摘要:標記內(nèi)容太短,則搜索引擎可能不會認為這些內(nèi)容相關。搜索引擎索引方式,是一組使用逗號分割的值,通常有如下幾種取值,,,,和。如果加則會重定向到指定網(wǎng)頁搜索引擎能夠自動檢測,也很容易被引擎視作誤導而受到懲罰。 < meta > 元素 概要 標簽提供關于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上,但是對于機器是可讀的。它可用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(關鍵詞...

    HackerShell 評論0 收藏0
  • HTML基礎整理

    摘要:標簽標簽由一對尖括號包裹起來的整體。表格標簽行單元格代碼游戲段位倔強廢鐵執(zhí)拗鋼鐵部門姓名電話號碼修復部技術宅測試部測試神的屬性表格邊框單元格之間的間距單元格的邊框與內(nèi)容之間的間距表格寬度表格高度的屬性內(nèi)容水平對齊方式。 html的基本結(jié)構(gòu) html的基本結(jié)構(gòu) 1.DOCTYPE:聲明文檔...

    Lycheeee 評論0 收藏0
  • 知識整理HTML

    摘要:最近關注的重學前端系列文章,也想把已知的前端知識體系梳理一遍,夯實基礎的同時,總結(jié)提升。標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。模式是目前最常用的模式。嚴格模式不允許展示型棄用元素和框架集。中空格不會被自動刪除。 最近關注winter的重學前端系列文章,也想把已知的前端知識體系梳理一遍,夯實基礎的同時,總結(jié)提升。接下來會從HTML、CSS、JS、性能、網(wǎng)絡安全、框架通...

    yck 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<