国产伦精品一区,国产精品视频二区在,成人免费黄色一级网站

欄目導航

新聞資訊

新聞資訊

參考資料：

尚硅谷最新版全套教程,java web零基礎入門完整版_嗶哩嗶哩

1. B/S軟件的結構 2. 前端開發(fā)流程網(wǎng)頁設計師根據(jù)需求設計網(wǎng)頁(美術實現(xiàn))前端工程師將設計做成靜態(tài)網(wǎng)頁(前端工程師)后臺工程師將靜態(tài)網(wǎng)頁修改為動態(tài)網(wǎng)頁(java程序員)3. 網(wǎng)頁的組成部分

網(wǎng)頁由三部分組成：內(nèi)容（結構）、表現(xiàn)、行為。

內(nèi)容（結構）：是我們在頁面中可以看到的數(shù)據(jù)。我們稱之為內(nèi)容。一般內(nèi)容我們使用html 技術來展示。表現(xiàn)：指的是這些內(nèi)容在頁面上的展示形式。比如說。布局，顏色，大小等等。一般使用CSS 技術實現(xiàn)。行為：指的是頁面中元素與輸入設備交互的響應。一般使用技術實現(xiàn)。4. HTML簡介

HTML即 Hyper Text （超文本標記語言）

HTML 通過標簽來標記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）

5.創(chuàng)建HTML文件

下面演示用的IDEA版本為： IDEA 2019.3.3 ( )

1、創(chuàng)建一個web 工程（靜態(tài)的web 工程）

2、在工程下創(chuàng)建html 頁面

到此項目創(chuàng)建成功，可在右邊選擇瀏覽器圖標打開網(wǎng)頁。

第一個html 示例：




    
    標題


    hello

注：Java 文件是需要先編譯，再由java 虛擬機跑起來。但HTML 文件它不需要編譯，直接由瀏覽器進行解析執(zhí)行。

6. HTML 文件的書寫規(guī)范

表示整個html 頁面的開始

body 是頁面的主體內(nèi)容

頁面主體內(nèi)容

 


    
    標題


    hello

7 HTML 標簽介紹

1.標簽的格式:

封裝的數(shù)據(jù)

2.標簽名大小寫不敏感。

3.標簽擁有自己的屬性。

4.標簽分為單標簽和雙標簽

5. 標簽的語法


正確：早安，尚硅谷
錯誤：早安，尚硅谷

正確：早安，尚硅谷
錯誤：早安，尚硅谷

正確：

錯誤：


正確：早安，尚硅谷
錯誤：早安，尚硅谷
錯誤：早安，尚硅谷

正確： 

錯誤： -->

注意事項：html 代碼不是很嚴謹。有時候標簽不閉合，也不會報錯。

8、常用標簽介紹 8.1 font 字體標簽

需求1：在網(wǎng)頁上顯示我是字體標簽，并修改字體為宋體，顏色為紅色。


我是字體標簽

注意：size的值為1-7，大于7也相當于7。

8.2 特殊字符

需求1：把

換行標簽變成文本轉換成字符顯示在頁面上


我是<br>標簽

好運
                  
         來

8.3 標題標簽（h1-h6）

需求1：演示標題1 到標題6


標題1
標題2
標題3
標題4
標題5
標題6
標題7

層疊樣式表css的應用方式可以是_網(wǎng)頁添加css樣式表的方式_jq點擊添加css樣式

8.4 超鏈接

在網(wǎng)頁中所有點擊之后可以跳轉的內(nèi)容都是超鏈接

需求1：普通的超鏈接。


百度

百度_self

百度_blank

8.5 列表標簽

分為無序列表和有序列表、定義列表三種，定義列表一般不用

需求1：使用無序列表方式，把趙四，劉能，小沈陽，宋小寶，展示出來



    趙四
    劉能
    小沈陽
    宋小寶

8.6 img 標簽

需求1：使用img 標簽顯示一張照片。并修改寬高，和邊框屬性

8.7 表格標簽

需求1：做一個帶表頭的，三行，三列的表格，并顯示邊框

需求2：修改表格的寬度，高度，表格的對齊方式網(wǎng)頁添加css樣式表的方式，單元格間距。

1.1	1.2	1.3
2.1	2.2	2.3
3.1	3.2	3.3

8.8 跨行跨列表格

需求1：新建一個五行，五列的表格，第一行，第一列的單元格要跨兩列，第二行第一列的單元格跨兩行，第四行第四列的單元格跨兩行兩列。

8.9 了解框架標簽(內(nèi)嵌窗口)

標簽它可以在一個html 頁面上,打開一個小窗口,去加載一個單獨的頁面.


我是一個單獨的完整的頁面


<iframe src="3.標題標簽.html" width="500" height="400" name="abc"></iframe>



    0-標簽語法.html
    1.font 標簽.html
    2.特殊字符.html

點擊超鏈接將在小窗口里顯示不同頁面

8.10 表單標簽

表單就是html 頁面中,用來收集用戶信息的所有元素集合.然后把這些信息發(fā)送給服務器.。

需求1:創(chuàng)建一個個人信息注冊的表單界面。包含用戶名，密碼，確認密碼。性別（單選），興趣愛好（多選），國籍（下拉列表），隱藏域，自我評價（多行文本域），重置，提交。



    用戶名稱：

    用戶密碼：

    確認密碼：

    性別：男女

    興趣愛好：JavaJavaScriptC++

    國籍：

    自我評價：我才是默認值

表單格式化:

表單提交細節(jié):

8.11 其他標簽

需求1：div、span、p 標簽的演示

body>
div 標簽1
div 標簽2
span 標簽1
span 標簽2
p 段落標簽1
p 段落標簽2

9 CSS技術 9.1 CSS 技術介紹

CSS 是「層疊樣式表單」。是用于(增強)控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標記性語言。

9.2 CSS語法規(guī)則

選擇器：瀏覽器根據(jù)“選擇器”決定受CSS 樣式影響的HTML 元素（標簽）。屬性() 是你要改變的樣式名，并且每個屬性都有一個值。屬性和值被冒號分開，并由花括號包圍，這樣就組成了一個完整的樣式聲明（），例如：p {color: blue}多個聲明：如果要定義不止一個聲明，則需要用分號將每個聲明分開。雖然最后一條聲明的最后可以不加分號(但盡量在每條聲明的末尾都加上分號)

例如：

p{
    color:red;
    font-size:30px;
}

注：一般每行只描述一個屬性

CSS 注釋：/*注釋內(nèi)容*/

9.3 CSS 和HTML 的結合方式 9.3.1 第一種

在標簽的style 屬性上設置”key:value value;”，修改標簽樣式。

需求1：分別定義兩個div、span 標簽，分別修改每個div 標簽的樣式為：邊框1 個像素，實線，紅色。

div 標簽1
div 標簽2
span 標簽1
span 標簽2





Title


div 標簽1
div 標簽2
span 標簽1
span 標簽2

存在的問題：代碼量龐大，可讀性差，幾乎沒法復用

9.3.2第二種

在head 標簽中，使用style 標簽來定義各種自己需要的css 樣式。

格式如下：

xxx {
    Key : value value;
}

需求1：分別定義兩個div、span 標簽，分別修改每個div 標簽的樣式為：邊框1 個像素，實線，紅色。

div 標簽1
div 標簽2
span 標簽1
span 標簽2





Title



div 標簽1
div 標簽2

span 標簽1
span 標簽2

存在的問題：只能在同一頁面中復用，維護不方便（需要到每個頁面修改）

9.3.3第三種

把css 樣式寫成一個單獨的css 文件，再通過link 標簽引入即可復用。

使用html 的

標簽導入css 樣式文件。

css文件內(nèi)容：

div{
border: 1px solid yellow;
}
span{
border: 1px solid red;
}

html文件內(nèi)容：





Title



div 標簽1
div 標簽2
span 標簽1
span 標簽2

9.4CSS 選擇器 9.4.1 標簽名選擇器

標簽名選擇器的格式是：

標簽名{

屬性：值;

}

標簽名選擇器，可以決定哪些標簽被動的使用這個樣式。

div 標簽1
div 標簽2
span 標簽1
span 標簽2

需求1：在所有div 標簽上修改字體顏色為藍色，字體大小30 個像素。邊框為1 像素黃色實線。

并且修改所有span 標簽的字體顏色為黃色，字體大小20 個像素。邊框為5 像素藍色虛線。




    
    CSS 選擇器
    


div 標簽1
div 標簽2
span 標簽1
span 標簽2

9.4.2 ID選擇器

id 選擇器的格式是：

#id 屬性值{

屬性：值;

}

id 選擇器，可以讓我們通過id 屬性選擇性的去使用這個樣式。

需求1：分別定義兩個div 標簽，

div 標簽1
div 標簽2




    
    ID 選擇器
    


div 標簽1
div 標簽2

9.4.3 class 選擇器（類選擇器）

jq點擊添加css樣式_層疊樣式表css的應用方式可以是_網(wǎng)頁添加css樣式表的方式

class 類型選擇器的格式是：

.class 屬性值{

屬性：值;

}

class 類型選擇器，可以通過class 屬性有效的選擇性地去使用這個樣式。

div 標簽class01
div 標簽
span 標簽class01
span 標簽2





class 類型選擇器



div 標簽class01
div 標簽
span 標簽class01
span 標簽2

9.4.4 組合選擇器

組合選擇器的格式是：

選擇器1，選擇器2，選擇器n{

屬性：值;

}

組合選擇器可以讓多個選擇器共用同一個css 樣式代碼。

div 標簽class01
 

span 標簽 

div 標簽
 

div 標簽id01

需求1：修改class="" 的div 標簽和id="id01" 所有的span 標簽網(wǎng)頁添加css樣式表的方式，字體顏色為藍色，字體大小20 個像素。邊框為1 像素黃色實線。




    
    class 類型選擇器
    


div 標簽class01
 

span 標簽 

div 標簽
 

div 標簽id01

9.5 常用樣式

1、字體顏色
    color：red；
    顏色可以寫顏色名如：black, blue, red, green 等
    顏色也可以寫rgb 值和十六進制表示值：如rgb(255,0,0)，#00F6DE，如果寫十六進制值必
    須加#
2、寬度
    width:19px;
    寬度可以寫像素值：19px；
    也可以寫百分比值：20%；
3、高度
    height:20px;
    高度可以寫像素值：19px；
    也可以寫百分比值：20%；
4、背景顏色
    background-color:#0F2D4C
4、字體樣式：
    color：#FF0000；字體顏色紅色
    font-size：20px; 字體大小
5、紅色1 像素實線邊框
    border：1px solid red;
7、DIV 居中
    margin-left: auto;
    margin-right: auto;
8、文本居中：
    text-align: center;
9、超連接去下劃線
    text-decoration: none;
10、表格細線
    table {
    border: 1px solid black; /*設置邊框*/
    border-collapse: collapse; /*將邊框合并*/
    }
    td,th {
    border: 1px solid black; /*設置邊框*/
    }
11、列表去除修飾
    ul {
    list-style: none;
    }

操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

標題1

標題2

標題3

標題4

標題5

標題6

用戶注冊

用戶注冊

1.1		1.3	1.4	1.5
2.1	2.2	2.3	2.4	2.5
2.1	3.2	3.3	3.4	3.5
4.1	4.2	4.3	4.4
5.1	5.2	5.3	4.4

用戶名稱：
用戶密碼：
確認密碼：
性別：	男女
興趣愛好：	Java JavaScript C++
國籍：
自我評價：	我才是默認值

1.1		1.3	1.4	1.5
2.1	2.2	2.3	2.4	2.5
2.1	3.2	3.3	3.4	3.5
4.1	4.2	4.3	4.4
5.1	5.2	5.3	4.4

1.1		1.3	1.4	1.5
2.1	2.2	2.3	2.4	2.5
2.1	3.2	3.3	3.4	3.5
4.1	4.2	4.3	4.4
5.1	5.2	5.3	4.4