Web前端--Html/Css,Web--Html/Css

來源:互聯網
上載者:User

Web前端--Html/Css,Web--Html/Css

總結一下今天學的內容,雖然以前學過,但是再學感覺還是有需要學習的地方。

Web前端–Html:

超文字標記語言 (HTML)(HyperText Markup Language)
1.整體骨架

<!DOCTYPE html><html><head><meta charset="UTF-8" /><title></title></head><body></body></html>

這樣整體的骨架就有了。我們需要修飾修飾
Html中標籤是成對出現的,也有自結束標籤,如<br />,<img /> 標籤,說到自結束標籤,這裡就要提一提html規範,事實上自結束標籤頁可以這樣寫<br>, <img> 甚至現在很多編輯器,自動補全都是這種標籤。而這種不嚴格的規範事實上早在Html4.0的時候就規定了,後來又出現了xml,這種語言有著嚴格的文法,自結束標籤必須這樣寫< /> ,Html也想改成這樣的文法,但是覆水難收,已經有很多的網頁再使用Html4.0了,所以我們看到有這麼一個東西xhtml,其實是從Html到xml的一個過渡。

注釋:

常用標籤:
標題標籤:h1~h6
段落標籤: <p>
換列標籤:<br />

無序列表:<ul><li></li></ul>
圖片:<img alt="" src="" />
內聯架構:<iframe src="" name=""></iframe>
超連結:<a href=""></a>

表格標籤:

<table border="1px">    <thead>    </thead>    <tbody>        <tr>            <td></td>        </tr>    </tbody>    <tfoot>    </tfoot><table>

表單標籤:

<form action="">    <input type="text" name="username" />    <input type="password" name="pwd" />    <input type="raido" name="sex" value="men"/>    <input type="raido" name="sex" value="women"/>    <input type="checkbox" name="sport" value="football">    <input type="checkbox" name="sport" value="basketball">    <input type="submit" value="submit">    <select name="city">        <option value="beijing"></option>        <option value="shanghai"></option>    </select></form>
Web前端–Css:

層疊樣式表(Cascading Style Sheets)
如果說Html是人身體的骨架,那麼Css就是用來豐滿這個骨架的

Css代碼的位置:
1.標籤內的style屬性
2.在style標籤裡
3.引入外部樣式表*

文法:

選取器 {
屬性:值;
屬性:值;
}

四種選取器:
1.元素選取器: p, div
2.id選取器: #id
3.class選取器: .class
4.組合選取器: #id,.class

盒子模型:
外邊距:margin
邊框:border
內邊距:padding
寬:height
高:width
注意:寬高是包含邊框和內邊距在內,使用的時候注意
外邊距,邊框,內邊距都是可以設定四個方向的

flaot 浮動

顏色:rgb 三基色組合而成的#十六進位的數字

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.