日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

初始html(常用标签)

發(fā)布時(shí)間:2025/7/14 编程问答 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 初始html(常用标签) 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

今天我們來學(xué)習(xí)Web前端的一些知識(shí),這一階段需要記憶的東西相對來說比較多,需要花時(shí)間記憶以及做好練習(xí)。

一、HTML初識(shí)

1、web服務(wù)本質(zhì)

import socketdef main():sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)sock.bind(('localhost',8081))sock.listen(5)while True:print("server is working.....")conn, address = sock.accept()request = conn.recv(1024)conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n<h1>Hello Yuan</h1>","utf8"))conn.close()if __name__ == '__main__':main()

2、html是什么

1)超文本標(biāo)記語言(Hypertext Markup Language,HTML)通過標(biāo)簽語言來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。一套規(guī)則,瀏覽器認(rèn)識(shí)的規(guī)則

2)瀏覽器按順序渲染網(wǎng)頁文件,然后根據(jù)標(biāo)記符解釋和顯示內(nèi)容。但需要注意的是,對于不同的瀏覽器,對同一標(biāo)簽可能會(huì)有不完全相同的解釋(兼容性),學(xué)習(xí)期間建議使用google(谷歌)和Mozilla Firefox(火狐)來進(jìn)行測試。

3)靜態(tài)網(wǎng)頁文件擴(kuò)展名:.html 或 .htm

4)bs模式 Browser-server

5)HTML 不是一種編程語言,而是一種標(biāo)記語言 (markup language)

6)HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁

3、html結(jié)構(gòu)

1)<!DOCTYPE html> 告訴瀏覽器使用什么樣的html或者xhtml來解析html文檔

2)<html></html>是文檔的開始標(biāo)記和結(jié)束標(biāo)記。此元素告訴瀏覽器其自身是一個(gè) HTML 文檔,在它們之間是文檔的頭部<head>和主體<body>。

3)<head></head>元素出現(xiàn)在文檔的開頭部分。<head>與</head>之間的內(nèi)容不會(huì)在瀏覽器的文檔窗口顯示,但是其間的元素有特殊重要的意義。

4)<title></title>定義網(wǎng)頁標(biāo)題,在瀏覽器標(biāo)題欄顯示。?

5)<body></body>之間的文本是可見的網(wǎng)頁主體內(nèi)容

4、html標(biāo)簽格式

標(biāo)簽的語法:

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


?

二、常用標(biāo)簽介紹

1、<!DOCTYPE> 標(biāo)簽

<!DOCTYPE html>?聲明位于文檔中的最前面的位置,處于 <html> 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。

作用:聲明文檔的解析類型(document.compatMode),避免瀏覽器的怪異模式。

document.compatMode:

1)BackCompat:標(biāo)準(zhǔn)兼容模式關(guān)閉。瀏覽器使用自己的怪異模式解析渲染頁面。

2)CSS1Compat:標(biāo)準(zhǔn)兼容模式開啟。瀏覽器使用W3C的標(biāo)準(zhǔn)解析渲染頁面。

這個(gè)屬性會(huì)被瀏覽器識(shí)別并使用,但是如果你的頁面沒有DOCTYPE的聲明,那么compatMode默認(rèn)就是BackCompat

2、meta標(biāo)簽

meta介紹:

<meta>元素可提供有關(guān)頁面的元信息(meta-information),針對搜索引擎和更新頻度的描述和關(guān)鍵詞。

<meta>標(biāo)簽位于文檔的頭部,不包含任何內(nèi)容。

<meta>提供的信息是用戶不可見的

meta標(biāo)簽的組成:meta標(biāo)簽共有兩個(gè)屬性,它們分別是http-equiv屬性和name 屬性,不同的屬性又有不同的參數(shù)值,這些不同的參數(shù)值就實(shí)現(xiàn)了不同的網(wǎng)頁功能。?

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

<meta name="keywords" content="搜索關(guān)鍵詞"><meta name="description" content="網(wǎng)頁簡介">

2)http-equiv屬性:相當(dāng)于http的文件頭作用,它可以向?yàn)g覽器傳回一些有用的信息,以幫助正確地顯示網(wǎng)頁內(nèi)容,與之對應(yīng)的屬性值為content,content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。

<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> (網(wǎng)頁在兩秒后跳轉(zhuǎn)至百度) <meta http-equiv="content-Type" charset=UTF8"> (頁面編碼)

3、link標(biāo)簽

<link rel="icon" href=""> 網(wǎng)頁標(biāo)題前的logo

?

三、<body>內(nèi)常用標(biāo)簽

1、基本標(biāo)簽(塊級(jí)標(biāo)簽和內(nèi)聯(lián)標(biāo)簽)

1)塊級(jí)標(biāo)簽:獨(dú)占一行 ? ?例:h1,p標(biāo)簽

2)內(nèi)聯(lián)標(biāo)簽:按內(nèi)容占位 ? ?例:a,img標(biāo)簽

<hn>: n的取值范圍是1~6; 從大到小. 用來表示標(biāo)題.<p>: 段落標(biāo)簽. 包裹的內(nèi)容被換行.并且也上下內(nèi)容之間有一行空白.<b> <strong>: 加粗標(biāo)簽.<strike>: 為文字加上一條中線.<em>: 文字變成斜體.<sup>和<sub>: 上角標(biāo) 和 下角表.<br>:換行.<hr>:水平線

2、字符實(shí)體

顯示結(jié)果描述實(shí)體名稱實(shí)體編號(hào)
?空格&nbsp;&#160;
<小于號(hào)&lt;&#60;
>大于號(hào)&gt;&#62;
&和號(hào)&amp;&#38;
"引號(hào)&quot;&#34;
'撇號(hào)?&apos; (IE不支持)&#39;
分(cent)&cent;&#162;
鎊(pound)&pound;&#163;
元(yen)&yen;&#165;
歐元(euro)&euro;&#8364;
§小節(jié)&sect;&#167;
?版權(quán)(copyright)&copy;&#169;
?注冊商標(biāo)&reg;&#174;
?商標(biāo)&trade;&#8482;
×乘號(hào)&times;&#215;
÷除號(hào)&divide;&#247;

3、<img>圖形標(biāo)簽

常用屬性:

src: 要顯示圖片的路徑.alt: 圖片沒有加載成功時(shí)的提示.title: 鼠標(biāo)懸浮時(shí)的提示信息.width: 圖片的寬height:圖片的高 (寬高兩個(gè)屬性只用一個(gè)會(huì)自動(dòng)等比縮放.)

4、<a>超鏈接標(biāo)簽(錨標(biāo)簽)

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

URL:

URL是統(tǒng)一資源定位器(Uniform Resource Locator)的縮寫,也被稱為網(wǎng)頁地址,是因特網(wǎng)上標(biāo)準(zhǔn)的資源的地址。 URL舉例 http://www.sohu.com/stu/intro.html http://222.172.123.33/stu/intro.htmlURL地址由4部分組成 第1部分:為協(xié)議:http://、ftp://等 第2部分:為站點(diǎn)地址:可以是域名或IP地址 第3部分:為頁面在站點(diǎn)中的目錄:stu 第4部分:為頁面名稱,例如 index.html 各部分之間用“/”符號(hào)隔開

常用屬性:

<a href="" target="_blank" >click</a>href屬性指定目標(biāo)網(wǎng)頁地址。該地址可以有幾種類型: 1、絕對 URL - 指向另一個(gè)站點(diǎn)(比如 href="http://www.jd.com) 2、相對 URL - 指當(dāng)前站點(diǎn)中的相對路徑(href="index.htm") 3、錨 URL - 指向頁面中的錨(href="#top") 錨中的“#top”,top為其他標(biāo)簽的id,需要自己給需要指向的標(biāo)簽起名 id是一個(gè)任何標(biāo)簽可以使用的通用屬性用來給標(biāo)簽起名,id屬性值具唯一性target: _blank 瀏覽器新打開一個(gè)窗口中載入目標(biāo)文檔。 _self(默認(rèn))瀏覽器在原窗口中載入目標(biāo)文檔。

5、表格標(biāo)簽

表格概念
表格是一個(gè)二維數(shù)據(jù)空間,一個(gè)表格由若干行組成,一個(gè)行又有若干單元格組成,單元格里可以包含文字、列表、圖案、表單、數(shù)字符號(hào)、預(yù)置文本和其它的表格等內(nèi)容。
表格最重要的目的是顯示表格類數(shù)據(jù)。表格類數(shù)據(jù)是指最適合組織為表格格式(即按行和列組織)的數(shù)據(jù)。
表格的基本結(jié)構(gòu):

<table> 表格開始<tr> 行<th>標(biāo)題</th> 列<th>標(biāo)題</th></tr><tr> 行<td>內(nèi)容</td> 列<td>內(nèi)容</td></tr> </table> 表格結(jié)束

<th>,<td>區(qū)別,<th>用來用來標(biāo)識(shí)表格中的表頭單元格,體現(xiàn)的效果就是文本加粗,除此與<td>相同

常用屬性:

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

了解屬性:

bordercolor:邊框顏色 bgcolor:背景顏色 background:背景圖像 align:表格或內(nèi)容位置 (left,center,right)<caption>標(biāo)題</caption>:標(biāo)簽放在table標(biāo)簽里

6、練習(xí)

素材:

girl.jpglogo.png

練習(xí)答案:

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>星期一菜譜</title><link rel="icon" href="logo.png"></head><body><table border="5" bordercolor="pink" cellpadding="20px" cellspacing="0px" align="center"><tr><th colspan="3" align="center">星期一菜譜</th></tr><tr><td rowspan="2">素菜</td><td>青草茄子</td><td>花椒扁豆</td></tr><tr><td>小蔥豆腐</td><td>炒白菜</td></tr><tr><td rowspan="2">葷菜</td><td>油燜大蝦</td><td>海參魚翅</td></tr><tr><td>紅燒肉<a href="課程表.html" target="_blank"><img src="girl.jpg" width="70px" height="100px"></a></td><td>烤全羊</td></tr></table></body> </html>菜單 菜單 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>課程表</title><link rel="icon" href="logo.png"></head><body><table border="1px" bordercolor="blue" align="center"><caption>課程表</caption><tr><th>項(xiàng)目</th><th colspan="5" align="center">上課</th><th colspan="2" align="center">休息</th></tr><tr><th>星期</th><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th><th>星期五</th><th>星期六</th><th>星期日</th></tr><tr><td rowspan="4">上午</td><td>語文</td><td>數(shù)學(xué)</td><td>英語</td><td>英語</td><td>物理</td><td>計(jì)算機(jī)</td><td rowspan="4">休息</td></tr><tr><td>數(shù)學(xué)</td><td>數(shù)學(xué)</td><td>地理</td><td>歷史</td><td>化學(xué)</td><td>計(jì)算機(jī)</td></tr><tr><td>化學(xué)</td><td>語文</td><td>體育</td><td>計(jì)算機(jī)</td><td>英語</td><td>計(jì)算機(jī)</td></tr><tr><td>政治</td><td>英語</td><td>體育</td><td>歷史</td><td>地理</td><td>計(jì)算機(jī)</td></tr><tr><td rowspan="2">下午</td><td>語文</td><td>數(shù)學(xué)</td><td>英語</td><td>英語</td><td>物理</td><td>計(jì)算機(jī)</td><td rowspan="2">休息</td></tr><tr><td>數(shù)學(xué)</td><td>數(shù)學(xué)</td><td>地理</td><td>歷史</td><td>化學(xué)</td><td>計(jì)算機(jī)</td></tr></table></body> </html>課程表 課程表

?

轉(zhuǎn)載于:https://www.cnblogs.com/moning/p/7679471.html

總結(jié)

以上是生活随笔為你收集整理的初始html(常用标签)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 伊人毛片| 天堂网www在线 | 黄色一毛片 | 精品乱| 日韩精品人妻一区二区三区免费 | 天天色宗合| 久草在在线 | 亚洲欧美国产精品久久久久久久 | 欲乱美女 | 日韩影视在线 | 色播视频在线播放 | 特级毛片www | 国产激情免费视频 | 高清18麻豆 | 久操视频在线免费观看 | 69福利视频 | 尤物视频免费观看 | 一区精品在线观看 | 亚洲黄色在线网站 | 久久久久成人网站 | 欧美日本成人 | 三级视频国产 | av看片| 九九热视频在线 | 男男av网站 | 亚洲精品高清在线观看 | av新天堂| 亚洲偷 | 久久国产精品一区二区三区 | 亚洲精品一区二区三区蜜臀 | 欧美一级淫片aaaaaa | 成人免费看片视频 | 欧洲影院 | 色婷婷综合成人av | 亚洲第一av网| 国产看片网站 | 鲁大师私人影院在线观看 | 精品久久久久久久久久 | 国产成人自拍视频在线 | 农村激情伦hxvideos | 欧美日韩 一区二区三区 | 韩国一级淫片免费看 | 国产毛片91| 免费成人在线观看动漫 | 久久久久久久毛片 | 超碰av免费 | 精品久久人人妻人人做人人 | 国产又黄又爽视频 | www.九九九| 免费一级全黄少妇性色生活片 | 日日摸天天爽天天爽视频 | 黄色视屏在线 | 我们的2018在线观看免费高清 | 日本aⅴ在线 | av一区二区三区在线观看 | 黄色网免费 | www.久久| 欧美成人午夜电影 | 国产一区二区自拍视频 | 奇米在线观看 | 黄色国产片 | 国产精品7777 | 毛片基地免费 | 日本性视频网站 | 老妇女玩小男生毛片 | 中文字字幕第183页 欧美特级一级片 | 女人叉开腿让男人桶 | 久草在在线视频 | 182av| 日韩精品成人一区二区在线 | 亚洲精品日韩精品 | 日韩视频一区二区三区在线播放免费观看 | 亚洲av无码不卡一区二区三区 | 日本熟妇人妻中出 | 天堂伊人| 天天综合91| 久久大奶 | 99香蕉网 | 国产一区二区免费 | 欧美1区2区3区 | 久久999| 求欧美精品网址 | 国产婷婷一区二区三区久久 | 午夜福利电影一区 | 国产亚洲一区二区三区四区 | 波多野结衣亚洲 | 国产午夜福利视频在线观看 | 色涩久久 | 欧美日韩视频一区二区三区 | 毛片毛片毛片毛片毛片毛片毛片 | 超碰碰碰 | 日韩精品xxx | 高清av网站 | 色偷偷噜噜噜亚洲男人 | 欧美伦理在线观看 | 99精品欧美一区二区 | 香蕉亚洲 | 成年人久久 | 艳母免费在线观看 |