亚洲欧美日韩综合系列在线_91精品人妻一区二区_欧美大肥婆一级特大AA片_九色91视频免费观看_亚洲综合国产精品_av中文字幕在线不卡_久久精品色综合网_看黄色视频的软件_无卡无码高清中文字幕码2024_亚洲欧美日韩天堂网

WEB前端入門(mén)-HTML5基礎(chǔ)概述

來(lái)源：Eternal_tyq 發(fā)布時(shí)間：2018-11-22 15:27:43 閱讀量：1154

HTML簡(jiǎn)介

HTML的全稱(chēng)是：Hypertext Marked Language,即超文本標(biāo)記語(yǔ)言，是目前在網(wǎng)絡(luò)上應(yīng)用最廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言，主要用來(lái)控制網(wǎng)頁(yè)的結(jié)構(gòu)。它是由其標(biāo)簽組成的描述性文本。使用HTML語(yǔ)言描述的文件，需要通過(guò)WEB瀏覽器顯示出效果。


HTML的結(jié)構(gòu)

HTML文檔的基本結(jié)構(gòu)由三個(gè)標(biāo)簽組成:

1

<html><!--開(kāi)始-->

    <head>

        <!--頭部信息，如<title>定義標(biāo)題-->

    </head>

    <body>

        <!--主體信息，包含網(wǎng)頁(yè)顯示的內(nèi)容-->

    </body>

</html><！--結(jié)束-->

1

2

3

4

5

6

7

8

HTML標(biāo)簽

文檔結(jié)構(gòu)標(biāo)簽

<html>...</html>:標(biāo)識(shí)文檔的開(kāi)始和結(jié)束

<head>...</head>:標(biāo)識(shí)文檔頭部區(qū)域

<body>...</body>:標(biāo)識(shí)文檔主體

eg.

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>測(cè)試</title>

</head>

<body>

這是我的第一個(gè)網(wǎng)頁(yè)

</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

測(cè)試結(jié)果：


2.文本格式標(biāo)簽


<hi>...</hi>:標(biāo)識(shí)標(biāo)題文本標(biāo)簽，i可以為1-6，分別表示1-6級(jí)標(biāo)題，字體大小依次縮小

<p>...</p>：標(biāo)識(shí)段落文本

<br>:換行符

<pre>...</pre>標(biāo)識(shí)預(yù)定義文本，即在此標(biāo)簽中的輸入的空格、回車(chē)均有效

1

2

3

4

3.文字效果標(biāo)簽


<b>...</b>             定義粗體文字

<em>...</em>           定義著重文字

<i>...</i>             定義斜體文字

<small>...</small>     定義小號(hào)字

<strong>...</strong>   定義加重語(yǔ)氣

<sub>...</sub>         定義下標(biāo)字

<sup>...</sup>         定義上標(biāo)字

<ins>...</ins>         定義插入字

<del>...</del>         定義刪除字

<span>...</span>       定義普通字

<><>

1

2

3

4

5

6

7

8

9

10

11

eg.


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>測(cè)試</title>

</head>

<body>

<b>網(wǎng)頁(yè)</b>

<em>網(wǎng)頁(yè)</em>

<i>網(wǎng)頁(yè)</i>

<small>網(wǎng)頁(yè)</small>

<strong>網(wǎng)頁(yè)</strong>

<sub>網(wǎng)頁(yè)</sub>

<sup>網(wǎng)頁(yè)</sup>

<ins>網(wǎng)頁(yè)</ins>

<del>網(wǎng)頁(yè)</del>

<span>網(wǎng)頁(yè)</span>

</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

測(cè)試結(jié)果： 

4.超鏈接標(biāo)簽


<a>...</a>超鏈接識(shí)別標(biāo)簽

eg.

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>測(cè)試</title>

</head>

<body>

<a href="http://www.baidu.com">百度</a>

</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

測(cè)試結(jié)果： 

5.表單標(biāo)簽


<form action="提交目標(biāo)地址" method="get/post"></form>

表單元素：

<input type="text"/>單行文本框  

<textarea></textarea>多行文本域  

<input type="password"/>密碼框

<input type="radio" name="">單選按鈕 

注：name值相同表示單選按鈕組

<input type="checkbox"/>復(fù)選框

<input type="file"/>文件域

<input type="submit"/>提交按鈕

<input type="reset"/>重置按鈕

<input type="button">普通按鈕

<button></button>按鈕


下拉菜單：

<select>

 <option value="" selected></option>

</select>



下拉列表

<select multiple>

 <option value="" selected></option>

</select>

eg.

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>測(cè)試</title>

</head>

<body>

<form>

    <p>姓名:<input type="text"/></p>

    <p>密碼:<input type="password"/></p>

    <p>性別:<input type="radio" name="性別"/>男<input type="radio" name="性別"/>女</p>

    <p>地址:<select>

        <option value="陜西省"selectd>陜西省</option>

        <option value="湖南省">湖南省</option>

        <option value="河北省">河北省</option>

        <option value="沈陽(yáng)省">沈陽(yáng)省</option>

    </select>

    </p>


    <p><input type="submit"/><input type="reset"/></p>

    <p><a href="http://www.baidu.com">忘記密碼</a></p>

</form>

    </p>

</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

測(cè)試結(jié)果：

--------------------- 



標(biāo)簽： PHP
分享：
評(píng)論：
你還沒(méi)有登錄，請(qǐng)先

熱門(mén)文章

    推薦文章