成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML文本結(jié)構(gòu)及常用標(biāo)簽

番茄西紅柿 / 2458人閱讀

摘要：一什么是超文本標(biāo)簽語言萬維網(wǎng)的描述性語言?？諛?biāo)記沒有結(jié)束標(biāo)簽，用代替。字母順序的有序列表，大寫羅馬數(shù)字，小寫。

一、什么是HTML?
HTML:超文本標(biāo)簽語言 (Hyper Text Markup Language) www萬維網(wǎng)的描述性語言。 XHTML指可擴(kuò)展超文本標(biāo)記語言（標(biāo)識(shí)語言）（EXtensible HyperText Markup Language）是一種置標(biāo)語言，表現(xiàn)方式與超文本標(biāo)記語言（HTML）類似，不過語法上更加嚴(yán)格。 瀏覽器：“解釋和執(zhí)行”HTML源碼的工具   二、HTML文檔的結(jié)構(gòu)

  HTML文檔主要包括三大部分：文檔聲明部分、頭部部分、主體部分。

 

1、  這是HTML文檔的聲明部分，在html5中，已經(jīng)被簡化成了此樣式。

2、.

    注釋:寫給程序員看的，網(wǎng)頁中不會(huì)顯示     HTML中注釋的快捷鍵：Ctrl+/

需要注意的是：文檔聲明必須有！而且必須在文檔頁面的第一行！

三、HTML的基本語法
 

1、<常規(guī)標(biāo)記>
<標(biāo)記 屬性=“屬性值” 屬性=“屬性值”>
例如：

2.空標(biāo)記
<標(biāo)記 屬性=“屬性值” />
例如：

說明：
1.寫在<>中的第一個(gè)單詞叫做標(biāo)記，標(biāo)簽，元素。
2.標(biāo)記和屬性用空格隔開，屬性和屬性值用等號(hào)連接，屬性值必須放在“”號(hào)內(nèi)。
3.一個(gè)標(biāo)記可以沒有屬性也可以有多個(gè)屬性，屬性和屬性之間不分先后順序。
4.空標(biāo)記沒有結(jié)束標(biāo)簽，用“/”代替。

 

四、基礎(chǔ)標(biāo)簽

1、文本標(biāo)題（h1-h6）  

LOGO

 

次要欄目或標(biāo)題-小標(biāo)題H2

 

再次要欄目或分類小標(biāo)題H3

 

文中分類小標(biāo)題H4

 
二級(jí)標(biāo)題

六級(jí)標(biāo)題

html標(biāo)題標(biāo)簽使用原則：

H1在一個(gè)網(wǎng)頁中最好只使用一次，如對一個(gè)網(wǎng)頁LOGO使用。

2、段落文本(p)  

段落文本內(nèi)容


標(biāo)識(shí)一個(gè)段落(段落與段落之間有段間距)

3、空格  

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

4、換行(br)



換行是一個(gè)空標(biāo)記(強(qiáng)制換行)

5、加粗 加粗有兩個(gè)標(biāo)記
A、加粗內(nèi)容
B、加粗內(nèi)容
6、傾斜
,

7、水平線

   
空標(biāo)記
8、列表(ul,ol,dl)

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

*無序列表
無序列表組成：
    (unordered list)


  • ．．．．．．
*有序列表
有序列表組成：
    (ordered list)


  2. ．．．．．．
*自定義列表
(definition list)
名詞

解釋

(definition description)
．．．．．．

知識(shí)擴(kuò)展2----有序列表的屬性

1)、type:規(guī)定列表中的列表項(xiàng)目的項(xiàng)目符號(hào)的類型
語法：

    1 數(shù)字順序的有序列表（默認(rèn)值）（1, 2, 3, 4）。
    a 字母順序的有序列表，小寫（a, b, c, d）。
    A 字母順序的有序列表，大寫（A,B,C,D)
    i 羅馬數(shù)字，小寫（i, ii, iii, iv）。
    I 羅馬數(shù)字，大寫（I, ii, iii, iv）。
    2)、start 屬性規(guī)定有序列表的開始點(diǎn)。
    語法：

      9、插入圖片

      圖片替換文本
      注:所要插入的圖片必須放在站點(diǎn)下
      title的作用: 在你鼠標(biāo)懸停在該圖片上時(shí)顯示一個(gè)小提示，鼠標(biāo)離開就沒有了，HTML的絕大多數(shù)標(biāo)簽都支持title屬性，title屬性就是專門做提示信息的
      alt的作用:alt屬性是在你的圖片因?yàn)槟撤N原因不能加載時(shí)在頁面顯示的提示信息，它會(huì)直接輸出在原本加載圖片的地方。

      *相對路徑的寫法：
      1)當(dāng)當(dāng)前文件與目標(biāo)文件在同一目錄下，直接書寫目標(biāo)文件文件名+擴(kuò)展名；
      2)當(dāng)當(dāng)前文件與目標(biāo)文件所處的文件夾在同一目錄下，寫法如下：
      文件夾名/目標(biāo)文件全稱+擴(kuò)展名；
      3)當(dāng)當(dāng)前文件所處的文件夾和目標(biāo)文件所處的文件夾在同一目錄下，寫法如下：
      ../目標(biāo)文件所處文件夾名/目標(biāo)文件文件名+擴(kuò)展名；

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

      語法：
      鏈接文本/圖片
      空鏈接
      屬性：target:頁面打開方式，默認(rèn)屬性值_self。
      屬性值：_blank 新窗口打開
      新頁面打開

      11、div和span的用法

      沒有具體含義，統(tǒng)稱為塊標(biāo)簽，
      用來設(shè)置文檔區(qū)域，是文檔布局常用對象


      文本結(jié)點(diǎn)標(biāo)簽
      可以是某一小段文本，或是某一個(gè)字。 

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

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

      表格組成






      注：一個(gè)tr表示一行;一個(gè)td表示一列(一個(gè)單元格)
      *數(shù)據(jù)表格的相關(guān)屬性
      1）width="表格的寬度"
      2）height="表格的高度"
      3）border="表格的邊框"
      4）bgcolor="表格的背景色" bg=background
      5）bordercolor="表格的邊框顏色"
      6）cellspacing="單元格與單元格之間的間距"
      7）cellpadding="單元格與內(nèi)容之間的空隙"
      8）對齊方式：align="left/center/right";
      9)合并單元格屬性：
      　　colspan=“所要合并的單元格的列數(shù)"合并列;

      　　rowspan=“所要合并單元格的行數(shù)”合并行;

      13、表單的作用及組成

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

      1)、表單框

      2）文本框
      3)密碼框

      4)重置按鈕

      5）單選框/單選按鈕


      單選按鈕里的name屬性必須寫，同一組單選按鈕的name屬性值必須一樣。
      checked="checked"(默認(rèn)選中；) disabled="disabled"禁用

      6）復(fù)選框


      (disabled="disabled" :禁用)
      (checked="checked" :默認(rèn)選中)

      7)下拉菜單

      8）多行文本框（文本域）
      9)按鈕


      button和submit的區(qū)別是：

      submit是提交按鈕起到提交信息的作用，type類型是button只起到跳轉(zhuǎn)的作用，不進(jìn)行提交。

      擴(kuò)展知識(shí)點(diǎn)3：對于不同的輸入類型，value 屬性的用法的意義

      value 屬性為 input 元素設(shè)定值。
      對于不同的輸入類型，value 屬性的用法也不同：
      type="button", "reset", "submit" - 定義按鈕上的顯示的文本
      type="text", "password" - 定義輸入字段的初始值
      type="checkbox", "radio" - 定義與輸入相關(guān)聯(lián)的值
      注釋： 和 中必須設(shè)置 value 屬性。

      擴(kuò)展知識(shí)點(diǎn)4：

      Form中的獲取數(shù)據(jù)的兩個(gè)方式get和post的區(qū)別？

      1. get是從服務(wù)器上獲取數(shù)據(jù)，post是向服務(wù)器傳送數(shù)據(jù)。
      2. get是把參數(shù)數(shù)據(jù)隊(duì)列加到提交表單的ACTION屬性所指的URL中，值和表單內(nèi)各個(gè)字段一一對應(yīng)，在URL中可以看到。post是通過HTTP post機(jī)制，將表單內(nèi)各個(gè)字段與其內(nèi)容放置在HTML HEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶看不到這個(gè)過程。
      3. 對于get方式，服務(wù)器端用Request.QueryString獲取變量的值，對于post方式，服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。
      4. get傳送的數(shù)據(jù)量較小，不能大于2KB。post傳送的數(shù)據(jù)量較大，一般被默認(rèn)為不受限制。
      5. get安全性非常低，post安全性較高。但是執(zhí)行效率卻比Post方法好。
      建議：
      1、get方式的安全性較Post方式要差些，包含機(jī)密信息的話，建議用Post數(shù)據(jù)提交方式；

      2、在做數(shù)據(jù)查詢時(shí)，建議用Get方式；而在做數(shù)據(jù)添加、修改或刪除時(shí)，建議用Post方式；

       

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

      轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1411.html

      相關(guān)文章

      • 保姆級(jí)教程HTML兩萬字筆記大總結(jié)【建議收藏】（上篇）

        摘要：標(biāo)簽不區(qū)分大小寫，但推薦小寫。標(biāo)簽可以嵌套，但不能交叉嵌套。標(biāo)簽也稱為元素。比如行內(nèi)標(biāo)簽亦可成行內(nèi)元素。 ??HTML必備知識(shí)詳解?? 第一部分：HTML框架簡介...

        paulli3 評(píng)論0 收藏0

      • 4.HTML 常用標(biāo)簽及屬性

        摘要：鏈接標(biāo)簽屬性鏈接地址打開方式新標(biāo)簽頁打開當(dāng)前頁面打開默認(rèn)鏈接提示文本標(biāo)記標(biāo)題元素文本樣式斜體粗體刪除線下劃線上標(biāo)下標(biāo)段落元素?fù)Q行元素分割線元素標(biāo)簽屬性尺寸寬度顏色水平對齊方式分區(qū)元素塊分區(qū)元素行內(nèi)分區(qū)元素塊級(jí)元素與行內(nèi)元素塊級(jí)元素行內(nèi)元 showImg(http://upload-images.jianshu.io/upload_images/12209211-2241c9bcfba4...

        spademan 評(píng)論0 收藏0

      • 前端學(xué)習(xí)記錄（HTML篇）

        摘要：如果在元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)，瀏覽器會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。在用戶使用具體某種方式加入付費(fèi)會(huì)員時(shí)，須閱讀并確認(rèn)相關(guān)的用戶協(xié)議和使用方法。在之前，主要提供兩種元素來進(jìn)行多媒體的展示，一個(gè)是標(biāo)簽，另一個(gè)是標(biāo)簽。 HTML Hyper Text Markup Language，超文本標(biāo)記語言，不是一種編程語言，而是一種標(biāo)記語言 思想：網(wǎng)頁中有很多數(shù)據(jù)，不同的數(shù)據(jù)可能需要不同...

        gplane 評(píng)論0 收藏0

      • 前端基礎(chǔ)入門一（HTML）

        摘要：所謂超文本，因?yàn)樗梢约尤雸D片聲音動(dòng)畫多媒體等內(nèi)容，不僅如此，它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件連接。意思是超文本引用用于指定鏈接頁面的打開方式，其取值有和兩種，其中為默認(rèn)值，為在新窗口中打開方式。 學(xué)習(xí)目標(biāo) 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽 掌握三種列表標(biāo)簽 掌握表格標(biāo)簽 掌握表格標(biāo)簽 掌...

        張憲坤 評(píng)論0 收藏0

      發(fā)表評(píng)論

      0條評(píng)論

      最新活動(dòng)
      閱讀需要支付1元查看
      <