html 5 筆記,HTML5總筆記(一)

一、p、hn、br標簽

1.

2.??:注釋。

3.
??:一行,一段(在文字后面直接加)。

4.

?

??:文字中的最大字符(自動換行)。

5.?

?
??:文字中的最大字符(自動換行)。

二、b、i、u、s、sup、sub標簽

1. ?:粗體(1)

2. ?:斜體(1)

3. ?:下劃線(1)

4. ?:刪除線(1)

5. ?:上標(1)

6. ?:下標(1)

7. ?:定義文本顯示方向,內衣dir屬性,只能取值ltr(正序)或rtl(倒序)

實例????:

三、列表標簽

1.有序列表

1.?

  1. ;編號(默認屬性:1)

2. ?

?:1.

3. ?

?:2.

4.?

5.屬性例如:1,a,一...

2.無序列表

l?

  • :項目符號(默認屬性:實圓)

l ?

?:實圓

l ?

?:實圓

l?

l屬性例如:實圓,實正方形,空圓...

1.定義列表(用于內容解釋)

二、Pre、html轉義、abbe標簽的使用

1.預定義文本標簽pre

:保留空格和換行符。

Avuhuiah

搜??死

Shv

:全部保留并顯示。

2.對html轉義

大于(

小于(>)??:>(代碼)。

空格(??)?:?(代碼)。

引號(“)?:"(代碼)。

版權號?????:?(代碼)。

< boby >:顯示為?。

3.縮寫說明

我是誰?

:顯示:我是誰?(移動至文字,上方顯示?隨機。)

三、Table標簽

1.?Table:表格

2.?

:表格標題(默認顯示上方)

3.?

??:表格頁眉的單元格(默認加粗)

4.?

:表格的主體

5.?:表格頭

6.?

:表格腳

7.?border=”1px”:邊寬

8.?cellpadding=”1px”:文字內邊距

9.?cellspacing=”1px”:邊寬寬距

10.?

?:表格

11.?

??:合并兩行(橫)單表格

12.?

??:合并兩列(豎)單表格

13.?

:標題顯示表格下方

< table >

表格標題?? ?? ?? ?? ??

表格標簽一般什么情況下使用?

主要用于規則的數據顯示

適當的可以在表單頁面中使用

使用表格標簽進行頁面布局的缺點??:

代碼量比較大,頁面瀏覽速度比較慢

層次結構比較復雜,不易于維護和改版

不利于搜索引擎搜索查找數據

強調:要對網頁進行布局,推薦使用div+css,嚴禁使用表格進行布局頁面。

四、a標簽、img標簽

1.a標簽

1.a :超鏈接

2.

:默認當前頁面跳轉

3.

:在上一級頁面進行跳轉

4.

:打開新的頁面

5.

:在底層頁面打開

6.

:在自己設置的框架名當中打開

7.

:顯示百度(點擊百度,超鏈接打開)

2.Img標簽

Src:路徑

相對路徑適用于同一路徑,網頁于圖片在一個地方(文件夾)。

.../:上級路徑

.../.../:上上級路徑

(網頁和圖片不同地方,要調用先退出網頁的上級或上上級,在同一級中進行選擇下級或下下級找到圖片路徑。)

?:同一路徑

?:相對路徑

五、frameset內嵌框架集

frameset:定義如何將窗口分割為框架

創建框架網頁的步驟:

創建各個子窗口對應的html文件

創建整個框架文件,分別引用子窗口文件

創建框架頁面的基本語法:

cols規定某【列】占據平面的面積(豎)

rows規定某【行】占據平面的面積(橫)

border框架/邊框的屬性

注意:

標簽不能與標簽同時使用。

除非你在

中使用標簽。框架集標簽中的常用屬性

pixels:左右兩個框架占多少

%:占瀏覽器百分百

*:剩余部分

例如:水平框架

六、iframe內嵌框架

標簽中的常用屬性:

frameborder=”0”?/”1”:規定是否顯示框架周圍的邊框

Name=”frame_name”:規定iframe的名稱。

Scrolling=”yes" / ?”no”?/ ?”auto”:規定是否在iframe ?中顯示滾動條。(yes顯示滾動條)(no不顯示滾動條)(auto當內容超過就顯示)

Src=”URL”:規定在iframe中顯示的文檔的URL。

Iframe語法:

Frameborder =”邊框”??scrolling=”yes”??/>

七、常用表單元素(1)

form:表單

屬性:

2)?method(傳值方式)?[get:數據小?類型(ip等)]

[post:數據大?類型(安全性高)]

3)?enctype:用于指定表單數據的編碼方式

application/x-www-form-urloncoded:默認的編碼方式,將表單控件中的值處理成URL編碼方式。

mutipart/form-data:以二進制的方式來處理表單數據。

text/plain:當表單的action屬性值為mailto:URL的形式時使用。

八、常見表單元素(2)

1.

:單行文本框(一般類型)

2.

:密碼輸入框(密碼類型)

3. ??(常見表單元素3詳細介紹)

:列表菜單(下拉菜單)

列頭 ???:列表菜單(列頭)

???:列表菜單(內容)

4.?男

:?單選框(單項按鈕+單選項目)

sex:單項

例題:

u??男

u?女

5.

:圖像域(width和height屬性)

6.

:選擇文件(按鈕)

7.

:復選框

8.

:重置按鈕(所有選擇清空)

(表單元素3詳細介紹)

9.

:文本區域

cols=”??”:長

rows=”??”:寬

10.

11.

:按鈕(表單元素3詳細介紹)

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

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

相關文章

【清華大學】《邏輯學概論》筆記

教學視頻來源 ----第0講 概要-0.1 講師介紹0.2 課程內容--第1講 什么是邏輯學&#xff1f;-1.1 “邏輯和邏輯學1.2 推理和推理形式1.3 有效推理形式1.4 邏輯學的特點1.5 邏輯學的基本準則1.6 邏輯學和其他學科的關系1.7 關于本課程《邏輯學概論》---第2講 邏輯學的產生與發展-…

公用計算機管理,如何管理公用計算機和私人計算機的文件訪問

如何管理公用計算機和私人計算機的文件訪問08/07/2014本文內容適用于&#xff1a; Exchange Server 2007 SP3, Exchange Server 2007 SP2, Exchange Server 2007 SP1, Exchange Server 2007上一次修改主題&#xff1a; 2011-08-01本主題將介紹如何為 Microsoft Exchange Server…

Spring Boot 2 學習筆記(1 / 2)

Spring Boot 2 學習筆記&#xff08;2 / 2&#xff09; ---01、基礎入門-SpringBoot2課程介紹02、基礎入門-Spring生態圈03、基礎入門-SpringBoot的大時代背景04、基礎入門-SpringBoot官方文檔架構05、基礎入門-SpringBoot-HelloWorld06、基礎入門-SpringBoot-依賴管理特性07、…

關于計算機展覽的英語作文,2015考研英語作文范文精選:選什么東西參加展覽?...

距離考研初試只剩十幾天的時間&#xff0c;備考時間可謂相當緊張&#xff0c;考研英語作文的復習是2015考研考前最后沖刺的重點任務之一&#xff0c;在此分享2015考研英語作文范文精選&#xff1a;選什么東西參加展覽?希望能夠幫助大家更好的備考。2015考研英語作文范文精選&a…

Spring Boot 2 學習筆記(2 / 2)

Spring Boot 2 學習筆記&#xff08;1 / 2&#xff09; ---45、web實驗-抽取公共頁面46、web實驗-遍歷數據與頁面bug修改47、視圖解析-【源碼分析】-視圖解析器與視圖48、攔截器-登錄檢查與靜態資源放行49、攔截器-【源碼分析】-攔截器的執行時機和原理50、文件上傳-單文件與多…

職校學計算機對口高考可以考幼師嗎,幼師專業對口高考考那些

技校網專門為您推薦的類似問題答案問題1&#xff1a;幼師專業對口高考1,幼教要考的內容很多的&#xff0c;比如音樂&#xff0c;舞蹈&#xff0c;心理衛生&#xff0c;教法等等很多的&#xff0c;其中音樂就要考聲樂&#xff0c;樂理&#xff0c;視唱等等???2&#xff0c;如…

寫出表格的結構html,一個面試題,根據json結構生成html表格

我的輸入是{A1: {B1: {C1: {D1: 1233,D2: 11},C2: {D1: 10,D2: 10}},B2: {C1: {D1: 10,D2: 11},C2: {D1: 10,D2: 10},C3: {D1: 10,D2: 10}}}}用什么框架都可以&#xff0c;只要求輸出以下table&#xff0c; json的最后一個節點就是table的最后一個column&#xff0c;并且只能占…

how to learn html5,HTML5與CSS基礎

你將學到什么How to write a Web pageConcepts of a markup languageBasics of HTML5 and CSSWeb design and stylePage layout and flexbox課程概況This course is part of W3C’s “Front-End Web Developer” Professional Certificate.Learn the basics of Web design and …

單元測試中使用Mockito模擬對象

單元測試應該小巧玲瓏&#xff0c;輕盈快捷。然而&#xff0c;一個待測的對象可能依賴另一個對象。它可能需要跟數據庫、郵箱服務器、Web Service、消息隊列等服務進行交互。但是&#xff0c;這些服務可能在測試過程中不可用。假設這些服務可用&#xff0c;依賴這些服務的單元測…

足球點球 html5,身為西甲第一點球手,C羅只有5次讓點經歷,難怪點球破門過百...

當今足壇是C羅和梅西的天下&#xff0c;兩人持續不斷的刷新創造各種記錄&#xff0c;讓球迷應接不暇。比梅西大2歲的C羅近期更是開掛&#xff0c;今天說他的點球。C羅現在是西甲歷史上的第一點球手本賽季西甲第21輪&#xff0c;皇馬客場4-1大勝瓦倫西亞&#xff0c;C羅在比賽中…

Spring Cloud 學習筆記(2 / 3)

Spring Cloud 學習筆記&#xff08;1 / 3&#xff09; Spring Cloud 學習筆記&#xff08;3 / 3&#xff09; ---56_Hystrix之全局服務降級DefaultProperties57_Hystrix之通配服務降級FeignFallback58_Hystrix之服務熔斷理論59_Hystrix之服務熔斷案例(上)60_Hystrix之服務熔斷…

html5的colgroup,HTML colgroup 標簽 | 菜鳥教程

HTML 標簽實例 和 標簽為表格中的三個列設置了背景色&#xff1a;ISBNTitlePrice3476896My first HTML$53嘗試一下 瀏覽器支持所有主流瀏覽器都支持 標簽。標簽定義及使用說明 標簽用于對表格中的列進行組合&#xff0c;以便對其進行格式化。通過使用 標簽&#xff0c;可以向…

Spring Cloud 學習筆記(3 / 3)

Spring Cloud 學習筆記&#xff08;1 / 3&#xff09; Spring Cloud 學習筆記&#xff08;2 / 3&#xff09; ---108_Nacos之Linux版本安裝109_Nacos集群配置(上)110_Nacos集群配置(下)111_Sentinel是什么112_Sentinel下載安裝運行113_Sentinel初始化監控114_Sentinel流控規則…

普林斯頓計算機科學系,普林斯頓大學計算機科學系

普林斯頓大學計算機科學系研究生階段開設有以下學位項目&#xff0c;分別是計算機科學博士&#xff1a;為期5年&#xff0c;要求申請者本科畢業&#xff0c;不限專業背景&#xff0c;但通常被錄取的學生擁有工程、理科或數學專業背景&#xff0c;未設定本科GPA要求&#xff0c;…

html5語句大全,html5基礎語句(學習)

起風了兼容性問題文檔類型設定字符設定常用新標簽新增的input type屬性值&#xff1a;常用新屬性綜合案例兼容性問題文檔類型設定documentHTMLhttp://blog.sina.com.cn/s/blog_6b38618701011csx.html(html5-api)http://blog.csdn.net/temotemo/article以多維模型為核心&#xf…

html單選按鈕for,HTML如何實現RadioButton單選按鈕

用HTML來實現RadioButton&#xff0c;需要使用input標簽&#xff0c;其中type指定為radio&#xff0c;接下來的文章我們就來說一說詳細的內容。我們先來看input標簽的格式注&#xff1a;對于需要選中檢索的值&#xff0c;可以利用表單的提交或使用JavaScript獲取。我們來看具體…

計算機基礎知識整理 手抄報,科技小制作的手抄報資料簡單字少

科學是一切生活的基礎&#xff0c;如同一把鑰匙&#xff0c;為我們開辟前進的道路。科技在我們的生活中也是很重要的。你會做科技手抄報嗎?下面是學習啦小編為大家帶來的有關科技小制作的手抄報&#xff0c;希望大家喜歡。有關科技小制作的手抄報的圖片參考有關科技小制作的手…

《深入理解JVM.2nd》筆記(五):調優案例分析與實戰

文章目錄概念案例分析高性能硬件上的程序部署策略情景再現1問題分析1關于Full GC使用64位JDK來管理大內存可能遇到問題建立邏輯集群使用邏輯集群可能遇到的問題最后解決方案集群間同步導致的內存溢出情景再現2問題分析2堆外內存導致的溢出錯誤情景再現3問題分析3外部命令導致系…

計算機課是一體化教學嗎,計算機基礎課程理實一體化教學模式

計算機基礎課程理實一體化教學模式摘要:“大學計算機基礎”是高職人材培養各專業計算機技術應用的基礎。本文圍繞這一問題,就如何培養學生更好地利用計算機去解決專業領域及日常事務中的問題,如何提高學生利用信息技術解決專業領域問題的能力和意識進行探討。對教學中推進理實一…

Java開發常見面試題詳解(并發,JVM)

預覽 并發 問題詳解請談談你對volatile的理解linkCAS你知道嗎&#xff1f;link原子類Atomiclnteger的ABA問題談談?原子更新引用知道嗎&#xff1f;link我們知道ArrayList是線程不安全&#xff0c;請編碼寫一個不安全的案例并給出解決方案link公平鎖/非公平鎖/可重入鎖/遞歸鎖…