平時我們在網上沖浪的時候,想必都見過網頁,一個個的網頁組成了我們所瀏覽的網站,用官方的話來講就是:網頁是構成網站的基本元素，是承載各種網站應用的平臺,網頁通常是HTML格式的檔案通過瀏覽器進行閱讀的,因此檔案的后綴一般均為.html或.htm我們所用的瀏覽器只是用來檢索、展示以及傳遞Web資訊資源的應用程式,想我們常用的瀏覽器有:IE瀏覽器,火狐瀏覽器,谷歌瀏覽器,360瀏覽器,搜狗瀏覽器等等
HTML
說完了網頁的組成,我們來詳細的談一談HTML檔案,HTML不是編程語言,而是一種超文本標記語言(Hyper Text Markup Language)是用來描述網頁的語言,通俗來講標記語言就是一套標記的標簽
web標準
web標準是由W3C(萬維網聯盟)組織和其他標準化組織制定的一系列標準的集合
web標準的組成:結構,表現,行為
HTML的基本結構
<!DOCTYPE html> 檔案型別的宣告
<html lang="ch-ZH"> 跟標簽:html lang:定義檔案的顯示語言
<head> 頭部標簽:head
<meta charset="UTF-8"> 多個字符的集合,計算機能夠儲存和識別的文字
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML的基本結構</title> 檔案的標題:title
</head>
<body> 主體標簽:body
</body>
</html>
HTML檔案的后綴名必須是.html或htm瀏覽器讀取HTML檔案的內容,通過瀏覽器決議出來
HTML的常用標簽
<body>
<h1>我的第一個網頁</h1> h1~6標題標簽 有6個等級
<h2>好好學習!天天向上!</h2>
<strong>好好學習!天天向上!</strong> 字體加粗標簽
<em>好好學習!天天向上!</em> 字體斜體標簽
<del>好好學習!天天向上!</del> 洗掉線標簽
<ins>好好學習!天天向上!</ins> 下劃線標簽
<br> 換行標簽 這是一個單標簽
<p>好好學習!天天向上!</p> 段落標簽
</body>
在HTML檔案中影像采用的標簽是<img src="影像的URL" alt="">scr是img標簽的必須屬性
影像的URL采用絕對路徑或者相對路徑都可以!!
影像標案例
我的目標檔案下存在一個名為"你的名字.jpg"的圖片,將它顯示在網頁中
代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例</title>
</head>
<body>
<img src="../vscode作業/2020.10.21/你的名字.jpg" alt="你的名字" title="你的名字" weight=400 height="400" border=5>
</body>
</html>
網頁結果:
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/195221.html
標籤：python
上一篇：2020.10.19-10.26 人工智能行業每周技術精華文章匯總
下一篇：DDR學習心得（一）