HTML和CSS

什么是HTML?

創(chuàng)新互聯(lián)建站是一家專業(yè)提供博野企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都做網(wǎng)站、HTML5建站、小程序制作等業(yè)務(wù)。10年已為博野眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。

• HTML是一門語言，所有的網(wǎng)頁都是用HTML這門語言編寫出來的

• HTML(HyperText Markup Language):超文本標(biāo)記語言

? 超文本：超越了文本的限制，比普通文本更強大。除了文字 信息，還可以定義圖片、音頻、視頻等內(nèi)容? 標(biāo)記語言：由標(biāo)簽構(gòu)成的語言

• HTML運行在瀏覽器上，HTML標(biāo)簽由瀏覽器來解析

• HTML標(biāo)簽都是預(yù)定義好的。例如：使用展示圖片

• W3C標(biāo)準(zhǔn)：網(wǎng)頁主要由三部分組成

• 結(jié)構(gòu)：HTML表現(xiàn)：CSS行為：JavaScript

一.HTML

1.快速入門

1.新建文本文件，后綴名改為.html2.編寫HTML結(jié)構(gòu)標(biāo)簽3.在中定義文字

乾坤未定,你我皆是黑馬

2.基礎(chǔ)標(biāo)簽

html表示顏色：1.英文單詞：red,pink,blue...2.rgb(值1，值2，值3)：值的取值范圍：0~255rgb(255,0,0)3.#值1值2值了：值的范圍：00~FF

轉(zhuǎn)義字符

3.圖片、音頻、視頻標(biāo)簽

• img:定義圖片

• src:規(guī)定顯示圖像的URL(統(tǒng)一資源定位符)

  height:定義圖像的高度width:定義圖像的寬度

• audio:定義音頻。支持的音頻格式：MP3、WAV、OGG

• src:規(guī)定音頻的URLcontrols:顯示播放控件

• video:定義視頻。支持的音頻格式：MP4,WebM、OGG

• src:規(guī)定視頻的URLcontrols:顯示播放控件

4.超鏈接標(biāo)簽

• href:指定訪問資源的URL

• target:指定打開資源的方式

• _seIf:默認值，在當(dāng)前頁面打開_blank:在空白頁面打開

5.列表標(biāo)簽

有序列表

無序列表

type:設(shè)置項目符號

6.表格標(biāo)簽

• table:定義表格

• border:規(guī)定表格邊框的寬度width:規(guī)定表格的寬度cellspacing:規(guī)定單元格之間的空白

• tr:定義行

• align:定義表格行的內(nèi)容對齊方式

• td:定義單元格

• rowspan:規(guī)定單元格可橫跨的行數(shù)

  colspan:規(guī)定單元格可橫跨的列數(shù)

7.表格標(biāo)簽

8.表單標(biāo)簽

• 表單：在網(wǎng)頁中主要負責(zé)數(shù)據(jù)采集功能，使用標(biāo)簽定義表單

• 表單項（元素）：不同類型的input元素、下拉列表、文本域等

• form:定義表單

• action：規(guī)定當(dāng)提交表單時向何處發(fā)送表單數(shù)據(jù)，ULmethod：規(guī)定用于發(fā)送表單數(shù)據(jù)的方式

• get:瀏覽器會將數(shù)據(jù)直接附在表單的action URL之后。大小有限制

• post:瀏覽器會將數(shù)據(jù)放到http請求消息體中。大小無限制

9.表單項標(biāo)簽

二.CSS

什么是CSS?

• CSS是一門語言，用于控制網(wǎng)頁表現(xiàn)

? CSS(Cascading Style Sheet):層疊樣式表

• W3C標(biāo)準(zhǔn)：網(wǎng)頁主要由三部分組成

結(jié)構(gòu)：HTML表現(xiàn)：CSS行為：JavaScript

Hello CSS~

1.CSS導(dǎo)入方式

CSS導(dǎo)入HTML有三種方式：

1.內(nèi)聯(lián)樣式：在標(biāo)簽內(nèi)部使用style屬性，屬性值是css屬性鍵值對

Hello CSS~

2.內(nèi)部樣式：定義

3.外部樣式：定義ink標(biāo)簽，引入外部的css文件

demo.css

div{
  color:red;
}

2.CSS選擇器

2.1概念：選擇器是選取需設(shè)置樣式的元素（標(biāo)簽）

div{
  color:red;
}

2.2分類

2.2.1元素選擇器

元素名稱{color:red;}
 div{color:red;}

2.2.2id選擇器

#id屬性值{color:red;}

#name{color:red;)
hello css2

2.2.3類選擇器

.class屬性值{color:red;}

.cls{color:red;}
hello css3

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機房具備T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧

網(wǎng)頁標(biāo)題：初學(xué)Javaweb(三)HTML和CSS-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/ccgjjh.html