html頁面包含頭文件,Web前端技術:HTML部分---Head標簽中包含的頭文件標簽,body標簽包含的內部標簽...

1、Head標簽中包含的 頭文件標簽的作用:

(1)title標簽:定義網頁的標題。

(2)meta標簽:一般用于定義頁面的特殊信息,例如頁面的關鍵字、頁面描述等

(3)link標簽:用于引入外部樣式文件(CSS 文件)。

(4)style標簽:用于定義元素的CSS樣式。

(5)script標簽:用于定義頁面的JavaScript代碼,或者引入外部JavaScript文件。

meta標簽包含的屬性

(1)charset屬性:字符集編碼方式;

ASCII:數字、英文字母、字符進行編碼

GB2312:簡體中文

Unicode:所有語言

UTF-8:所有語言,占用空間更小(現在一般都用這個)

eg:

(2)name屬性:把content屬性關聯到一個名詞

(3)http-equiv屬性:把content屬性關聯到HTML頭部

(2)+(3):(4)content屬性:定義與http-equiv或name屬性相關的元信息。

9f443dec7c7a9655c5274a9c83699064.png

link包含的屬性:

a0cef6f8d069afe70722494e4d34ef8a.png

2、body標簽包含的內部標簽(1)

(1)標題標簽:h1~h6

(2)段內換行:br

(3)段內分組:span

(4)段落:p

(5)預留格式:pre

(6)水平線:hr

標題標簽:h1~h6

d18860a1b9dcfe8e6744e036f452e463.png

段落標簽:p

e14fd1c79fcc7f977d48f8ebf4ec3286.png

段內換行:br

a03be3bfff405f40ac41d31856abc6ba.png

空格字符: 

80f130975999a1453b11199c0531c128.png

預留格式:pre

04e3a3ce0aec1faea612b56b8e360367.png

行內組合:span

39de256d3ecf698e2bf608023cb773e0.png

水平線:hr

987892c53bdfc436cc43e10d0514074f.png

2、body標簽包含的內部標簽(2)

(1)超鏈接標簽:a

(2)圖片標簽:img

超鏈接:a

一般運用在:文字超鏈接、圖片超鏈接、導航欄

beb990181ec47333747bc83dc7e1d19c.png

錨點連接:a

6f8e0a8cdaa715184aabe9019887c6a7.png

圖片標簽:img

a3da67091c6d08f21676b62bb41e4b67.png

2、body標簽包含的內部標簽(3)

(1)列表:ul 、ol、li

(2)表格:table 、tr 、td

(3)區域:div

無序列表:ul 、li

8f7ab061dc8a9a0b988677367f65738d.png

有序列表:ol 、li

1e8ed4ebb9533d5e96342f0e28219d97.png

列表:

e81aea594ab7a25aadeb9045cb174167.png

表格:table 、tr 、td、th

891201587a4b1bb6fd877c3319140117.png

th

1bfac8c65fc8677b99f235322914a7be.png

合并行、列

0ee8fe7df16c059aa9911ae07d8423d1.png

區域:div

1da960cc9019dcde1201e71807a8d7d8.png

塊元素和行內元素:(左邊為塊元素的描述,右邊為行內元素的描述)

c147f18de4128180e7d5623a69f285b5.png? ? ? ? ? ? ? ? ? ??

82b8f4478fcee05b8a5ad7a948a64a36.png

塊元素與行內元素的轉換

3b0d405a9fbe7acbbd88b7d4ab9d0d9f.png

2、body標簽包含的內部標簽(4)

表單與表單元素

(1)表單:form

(2)表單元素:input

(3)表單元素:select、option

(4)表單元素:textarea

14564ded6e38acb343fa33b3d2810018.png

表單:form

69d4222f99ca72106c0ea60d8ae7038d.png

文本框、密碼框:input

5626a3b2b729965af09879913e9fdd79.png

提交\重置按鈕:input---submit\reset

1c0f5be6155c7dfc2ccd382ab0923fa3.png

單選框、復選框:input---radio checkbox

2a1d0e5779b00838fd60b861dcbb2e2f.png

eg:

436597bd1fa9aaf6108b2270a406c102.png

下拉列表框:select ?option

1abe4ad71c1b7990984a41397ad1a84e.png

文本域:textarea

37d02ff375fcc29206d3c08c8931d5fe.png

內嵌框架:iframe

0e225ece3a63c08d1c4f364d7d01a90d.png

注釋內容

ed83a538bccee2870e11782d968b1446.png

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/382927.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/382927.shtml
英文地址,請注明出處:http://en.pswp.cn/news/382927.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

爬蟲圖片href是html圖片,xpath爬蟲實例,爬取圖片網站百度盤地址和提取碼

某套圖網站,套圖以封面形式展現在頁面,需要依次點擊套圖,點擊廣告盤鏈接,最后到達百度網盤展示頁面。這一過程通過爬蟲來實現,收集百度網盤地址和提取碼,采用xpath爬蟲技術1、首先分析圖片列表頁&#xff0…

HTML如何做個播放器圖表,Web繪圖神器之ECharts-ts文件播放器

前言最近在做一個項目需要用到大量的圖形報表來展示數據。就去對比了一些前端圖形報表框架,有Highcharts、Echarts、Three.js。發現Three.js比較笨重,不太適合數據展示,做前端動畫還是比較好。而highcharts、echarts比較輕量級拿來就用比較方…

微型計算機主存可以分為,計算機基礎試題 (含答案)

計算機基礎試題 (含答案)一、填空題(每空1分,共30分)1、計算計的軟件系統通常分成______軟件和______軟件。2、字長是計算機______次能處理的______進制位數。3、1KB______B;1MB______KB。4、計算機中,中央處理器CPU由______和______兩部分組成。5、CPU按…

90年代微型計算機,版本控制如何在80年代和90年代的當今微型計算機上工作?

您必須在當時的通用基礎結構中看到這一點。在80年代初期,IBM發布了“個人計算機”,您可以從字面上理解它。開發PC應用程序的最常見方法是一個人創建某些東西并試圖出售它。因此,每個發行版本一張軟盤可能很常見。您可以購買一些漂亮的彩色標簽…

全國英語計算機9月統考2019,2019年9月網絡教育統考《計算機應用基礎》模擬題6...

本文為大家提供2019年9月網絡教育統考《計算機應用基礎》模擬題6,有需要的考生請自取。網絡教育本科全國統考《計算機應用基礎》模擬題6一、單選題1、第一臺電子數字計算機誕生于 ______。A : 麻省理工學院B : 哈佛大學C : 賓夕法…

計算機網絡原碼反碼補碼,計算機的原碼和反碼及補碼到底是什么

數據在計算機里面都是以0和1存儲和運算的,這是馮諾依曼體系的基礎。比如一個數在計算機中若有正負之分,則用一個數的最高位(符號位)用來表示它的正負,其中0表示正數,1表示負數。原碼就是整數絕對值的二進制形式,為了解…

計算機組裝活動口號,廣教育、多技能、求發展喜迎計算機系第五屆電腦文化節...

在深入學習實踐科學發展觀,改革教育教學模式,迎接高職院校人才培養評估工作的今天,為貫徹以人為本理念,全方位服務學生,培養學生綜合技能,本學期計算機系舉辦第五屆電腦文化節,舉辦電腦文化節是…

關于計算機應用基礎問題,《計算機應用基礎》習題及問題詳解

《計算機應用基礎》習題及問題詳解 (17頁)本資源提供全文預覽,點擊全文預覽即可全文預覽,如果喜歡文檔就下載吧,查找使用更方便哦!19.90 積分實用文檔第一章 計算機基礎知識填空題:1. 信息技術在現代工業工程中的應用十分廣泛&…

html 微博下拉菜單,jQuery實現模仿微博下拉滾動條加載數據效果

本文實例講述了jQuery實現模仿微博下拉滾動條加載數據效果。分享給大家供大家參考,具體如下:滾動條距離底部$(function () {var i 4;$(window).bind("scroll", function (event) {//滾動條到網頁頭部的 高度,兼容ie,ff,chromevar …

怎么用計算機計算方位角,坐標方位角連續計算 fx-5800計算器編程

摘要:利用fx-5800計算器可編程的特點,編寫坐標方位角連續計算程序,使計算方位角的工作變得簡單易行,并且工作量大幅度降低。關鍵詞:方位角;左側轉角;導線Abstract: using fx-5800 calculator pr…

yii html 添加下拉框,php – Yii2下拉列表:在我的選項中添加像data-food =“…”這樣的html標記...

我正在使用Yii2構建應用程序.我使用Yii2提供的Html Helper生成下拉列表: Html::dropDownList(food, $food_id, $foodList, [id>food-select]); ?>其中$food_id是默認選擇的選項,$foodList是一個包含表示選項值和文本的鍵值對的數組.它工作得很好,但我需要在我…

html是網頁技術,Html靜態網頁技術小結

《Html靜態網頁技術小結》由會員分享,可在線閱讀,更多相關《Html靜態網頁技術小結(4頁珍藏版)》請在人人文庫網上搜索。1、Html靜態網頁技術小結l Html入門n 所有的html網頁都是有標簽(W3C規定標準標簽)n 所有的標簽使用標準: ,而…

超級計算機 極光,萬億次極光系列代數運算微處理器來襲,國產超算已經一騎絕塵?-控制器/處理器-與非網...

在一日千里、風起云涌的信息時代,誰掌握了核心芯片技術,誰就占據了引領信息產業發展潮流的制高點。長期以來中國一直飽受缺芯之痛,每年都要花費超過 2000 億美元的資金用于從西方國家購買芯片,規模甚至超過了石油、鐵礦石等大宗資…

計算機組成數據通路組成實驗報告,計算機組成原理實驗報告+++數據通路實驗.doc...

計算機組成原理實驗報告數據通路實驗數據通路組成實驗一、實驗目的(1)將雙端口通用寄存器組和雙端口存儲器模塊聯機;(2)進一步熟悉計算機的數據通路;(3)掌握數字邏輯電路中故障的一般規律,以及排除故障的一…

計算機網絡安全本科大學排名,2021網絡工程專業大學排名 最好大學排行榜

2021網絡工程專業大學排名 最好大學排行榜2021-06-11 19:35:09文/丁雪竹網絡工程專業在全國最好的大學是哪幾所呢,最好的大學排名是什么樣呢,小編整理網絡工程專業大學最好大學排行榜,僅供參考!網絡工程專業最好大學排行榜在網絡工…

20線程測試cpu性能軟件,評測平臺介紹、CPU多線程性能測試

2、平臺介紹及CPU性能測試AMD AM3平臺CPUAMD FX-8150(4模塊/8核)AMD FX-8350(4模塊/8核)主板華碩 Crosshair V Formula(BIOS版本:1605)Intel LGA1155平臺CPUIntel Core i5 3570K(4核/4線程)Intel Core i7 3770K(4核/8線程)主板華碩 P8Z77-V Deluxe共用配件硬盤主盤&…

大型網站服務器 pdf,大型網站服務器容量規劃[PDF][145.25MB]

內容簡介內 容 提 要本書講解了用數學回歸分析方法來做服務器容量規劃的思路,讓讀者掌握服務器容量規劃的量化方法;模型的選擇是服務器容量規劃的關鍵,不同的程序有不同的模型。本書使用nginxPHPMySQL為實例演示了具體的規劃過程,…

穿越火線全部服務器都顯示爆滿,穿越火線大區全部爆滿,頻道擠不進去背后的故事!...

大家好我是小包子,穿越火線經歷了十一周年,盛典游戲更新后,我們發現游戲基本上所有大區都呈現爆滿的盛世。我們熱愛的穿越火線又回來了嗎?6月小包子曾爆料CF啟動量超過吃雞躍居第二,射擊游戲第一,重回巔峰的…

dod刷服務器文件,DoD 5220.22-M和Gutmann兩種硬盤擦除算法

DoD 5220.22-M的說明Use this seven-pass method for tighter security. Different patterns ofbytes are written to the disk as described in the table below. Usingthis method is probably even safer than using the simple method (with 6passes).This method is descr…

服務器加根網線用不用修改路由器,安裝設置無線路由器需要用幾根網線?

“安裝設置無線路由器需要用幾根網線?看到網上安裝設置路由器的教程,有的說需要兩根網線,有的說需要一根網線,請問到底應該使用一根還是兩根呢?”其實這個問題的答案并不是唯一的,使用一根還是兩根&#xf…