java中的HTML如何學(xué)整理分享

1、java中的html如何學(xué)整理分享1 概念1.1什么是html全稱：hypertext markup language超文本標(biāo)志語言，標(biāo)準(zhǔn)通用標(biāo)志語言下的一個應(yīng)用。超文本就是指頁面內(nèi)可以包含、鏈接，甚至音樂、程序等非文字元素。超文本標(biāo)志語言的結(jié)構(gòu)包括頭部分（英語：head）、和主體部分（英語：body），其中頭部提供關(guān)于網(wǎng)頁的信息，主體部分提供網(wǎng)頁的詳細(xì)內(nèi)容。通俗的說就是用來寫網(wǎng)頁的。為什么可以上網(wǎng)？掃瞄器將服務(wù)器上的內(nèi)容下載到本地，然后渲染成網(wǎng)頁，這樣就看到了網(wǎng)頁。2 html的基本架構(gòu)2.1迅速入門，編寫第一個html網(wǎng)頁1創(chuàng)建一個txt文件2將txt文件的后綴修改為htm或者h(yuǎn)tml關(guān)于

2、htm和html有區(qū)分嗎？沒有任何區(qū)分，早先（不知道有多早）的操作系統(tǒng)只熟悉3位后綴名。所以為了兼容早先的操作系統(tǒng)，才有了htm這樣的后綴。實際的應(yīng)用這兩種沒有任何區(qū)分。3打開文件雙擊打開，就是用默認(rèn)的掃瞄器打開掃瞄。掃瞄就是查看網(wǎng)頁的效果。以編輯的形式打開。右鍵 –挑選任何一個開發(fā)工具都可以，我們挑選記事本（為了裝x）。4編輯和測試測試的掃瞄器挑選：固然還有更多的掃瞄器。我們挑選用法谷歌掃瞄器。開頭編輯html文件在其中寫一句話我的html刷新網(wǎng)頁：其實html有特地的結(jié)構(gòu)。tips：html是不區(qū)別大小寫的。但是盡量小寫。標(biāo)簽：參照xml的標(biāo)簽理解結(jié)構(gòu)：結(jié)構(gòu)展示：3 h

3、tml標(biāo)簽的深度理解tips：html是純文本文件。全部的程序文件都是純文本文件。以文原來修飾文本。關(guān)鍵詞語意。標(biāo)簽事實上是表達(dá)一種語意。比如：添加css修改樣式：html標(biāo)簽只是表示一種語意。并不是規(guī)定標(biāo)簽中的內(nèi)容應(yīng)當(dāng)展示成什么樣子？展示的樣子基本上都是由css控制。4 常用標(biāo)簽4.1結(jié)構(gòu)標(biāo)簽1文檔申明：html5html 4.01 transitional該 dtd 包含全部 html 元素和屬性，包括展示性的和棄用的元素（比如 font）。不允許框架集（framesets）。2html標(biāo)簽html標(biāo)簽是html文檔的根節(jié)點。3head標(biāo)簽表示html文檔的頭部，普通都是用來做一些文檔的配

4、置或者解釋。比如title標(biāo)簽：title標(biāo)簽是用來表示文檔的標(biāo)題的。meta置頁面的內(nèi)容類型配置網(wǎng)頁簡介網(wǎng)頁的關(guān)鍵字對css和js的引用：4body全部要展示的內(nèi)容所有編寫在body標(biāo)簽中。4.2插播開發(fā)工具的挑選（幾乎已經(jīng)絕跡，不好用有bug）hbuilder （好用，一個不錯的挑選）subline （好用，神器） 我們的挑選webstorm（好用）將我們的html文件拖拽到開發(fā)工具中。4.3 常用的標(biāo)簽1標(biāo)題標(biāo)簽表示在文檔中添加一個標(biāo)題。標(biāo)題分為6級，分離是h1h6。案例：特性： 默認(rèn)黑體字。 默認(rèn)自動換段落。獨占一行。2p標(biāo)簽 表示段落。默認(rèn)表現(xiàn)形式，就是換段。默認(rèn)特征：自動換行換段，

5、獨占一行。3特別的控制標(biāo)簽換行標(biāo)簽 br 自閉和標(biāo)簽html默認(rèn)不熟悉換行符。必需用法換行符號表示換行。換行和換段的區(qū)分空格標(biāo)簽在html中依舊不熟悉空格。無論寫多少空格，掃瞄器只熟悉一個空格。解決方法就是用法雙引號的表示形式 "由于雙引號在網(wǎng)頁中有特別的意義，所以理論上不能挺直編寫， 要用法特別的符號代替。tips：在不產(chǎn)生歧義的狀況下，挺直編寫也是沒有問題的。尖角號的表示形式 > 說明成一個標(biāo)簽了。但是不熟悉此標(biāo)簽，所以不展示。所以用法特別符號代替尖角號：在沒有歧義的狀況下，普通也能說明運行。例如：版權(quán)符號 ?4分割線 hr其實就是一根線4.4插播屬性html 標(biāo)簽

6、可以擁有屬性。屬性提供了有關(guān) html 元素的更多的信息。屬性總是以名稱/值對的形式浮現(xiàn)，比如：name="value"。屬性總是在 html 元素的開頭標(biāo)簽中規(guī)定。例如前面說過的meta標(biāo)簽：案例：其中的3個屬性：size ： 表示線的厚度，用法數(shù)字表示像素。color： 表示線的色彩，可以用法多種表現(xiàn)形式。width： 表示線的長度，默認(rèn)單位是像素。4.5 插播color的值的編寫形式全部地方用法到color時都是一樣的編寫形式。用英文字母。 上面的例子中用的就是英文字母。用法16進(jìn)制的數(shù)字表示。（推舉用法）例如：ff0000其中有6個數(shù)字，每兩個數(shù)字為

7、一組，表示一種色彩，總共表示3中色彩，（rgb）。每一種色彩的范圍是 00——ff全部色彩最大為白色，全部色彩最小為黑色。用法函數(shù)，這種形式往往在css中用法rgb(255,0,0) 3個參數(shù)表示rgb色彩的占比。 范圍是0——255。rgba(255,0,0,.2) 4個參數(shù)，前三個和上面的一樣。第四個參數(shù)表示透亮度，.2就是0.24.6 font標(biāo)簽注重：此標(biāo)簽已經(jīng)屬于被廢棄的標(biāo)簽。主要是用來控制字體的。但是字體其實應(yīng)當(dāng)用法css控制，所以此標(biāo)簽被廢棄了。我們學(xué)習(xí)純粹為了今日的作業(yè)。極客營三個屬性：size ：

8、 表示字體的大小。 范圍是 1——7。 默認(rèn)是3 ，可以寫詳細(xì)的數(shù)組，也可以寫 +2。face: 字體，編寫字體名稱。color： 表示字體的色彩。案例：4.7常用標(biāo)簽中的超鏈接和1標(biāo)簽 可以顯示一張。 s1:src：指向的位置（詳細(xì)的物理位置，url地址。） 物理地址可以用法肯定路徑，也可以用法相對路徑。案例：通過url顯示網(wǎng)絡(luò)上的：s2 : 調(diào)節(jié)大小的屬性width: 設(shè)置的寬度。height：設(shè)置的高度。案例：讓不變形：讓尺寸根據(jù)比例變幻。s3 : 提醒的屬性alt：當(dāng)顯示失敗的時候的提醒內(nèi)容。title：當(dāng)鼠標(biāo)懸浮在上的時候的提醒內(nèi)容。案例：al

9、t屬性案例：title屬性s4: 的對其方式的屬性 align 默認(rèn)是 bottom。這里的對其方式其實是說相對于同一行的其他內(nèi)容的對其方式。案例： left案例：right案例：center案例：top案例：bottom2超鏈接標(biāo)簽 超鏈接內(nèi)容 其中的href指向銜接資源。一個完整的超鏈接必需有href屬性。不然只是一個a標(biāo)簽而已。案例：超鏈接同樣可以指向本地資源target屬性：主要是設(shè)置銜接的內(nèi)容顯示在什么位置？默認(rèn)是_self 顯示在當(dāng)前頁面的位置。_blank :顯示在一個空白的選項卡中。錨標(biāo)志頻繁的案例：章節(jié)的跳轉(zhuǎn)，回到頂部5 結(jié)構(gòu)控制標(biāo)簽5.1列表5.1.1有序列表條目條目條目.

10、type屬性：設(shè)置列表挨次的表示形式（1，a，a，i，i）start屬性：設(shè)置列表的開頭位置。案例：5.1.2無序列表條目條目條目.無序列表和有序列表的唯一區(qū)分就是沒有序號。案例：type屬性：設(shè)置條目前面的圖標(biāo)形式（circle，disc，square）5.1.3 列表的嵌套用法案例：5.2表格table：表示一個表格tr：表示一行th：表示一個表頭的單元格td：表示一個一般的單元格編寫一個三行三列的表格：編寫辦法就是逐行編寫。每行編寫固定的單元格即可。th標(biāo)簽表示表頭，默認(rèn)會自動居中加粗。table標(biāo)簽的屬性：border： 設(shè)置表格的邊框， 默認(rèn)是0。一旦設(shè)置了之后，表分外圍的邊框就是指

11、定的數(shù)字，單元格的遍就是1.width和height：指定表格的寬度和高度的，默認(rèn)狀況下，各行各列都是按需分配。align：表格的對其方式 （left，right，center）。cellspacing屬性：設(shè)置單元格之間的距離。普通狀況下都是0.稱之為：間距cellpadding屬性：設(shè)置單元內(nèi)容和邊框之間的距離稱之為：填充距。不規(guī)章表格需求：（三行三列）第一行兩個單元格， 其余的都是三個單元格，第一行的其次個單元格跨兩列?？缧斜砀瘢好恳粋€td的屬性：width：可以通過設(shè)置一個單元格的寬度而設(shè)置整列的寬度tips:單元格的寬度同樣可以用法百分比設(shè)置。align：設(shè)置單元格的水平對其方式valign：設(shè)置單元格元素的垂直對其方式6 其他標(biāo)簽 標(biāo)簽規(guī)定粗體文本。 標(biāo)簽規(guī)定重點文本。同樣會讓文本粗