網頁的組成
- HTML 具體內容
- CSS 樣式
- JavaScript 交互
HTML標簽的類型
- 塊級標簽 獨占一行 能隨時設置寬高 (span,p,h1,ul,li)
- 行內標簽
多個行內標簽能同時顯示在一行
寬度和高度取決于內容的尺寸
(span,a,label) - 行內塊級標簽 可以顯示在同一行,能夠設置寬高
(input)
但是標簽類型不是死的 可以通過display屬性來修改
display
none 不顯示
block 塊級
inline 行內
inline_block 行內塊級
盒子模型
每個標簽都是都是一個盒子
屏幕快照 2016-03-27 下午6.24.03.png
代碼
<!--段落標簽-->
<p>段落</p>
<!--輸入框-->
<input placeholder="請輸入">
<!--target="_blank" 開新窗口-->
<a target="_blank">百度一下 你就上當</a>
<!--image-->
<!--
相對路徑 項目中的路徑
絕對路徑 從網絡等地方
-->

<!--列表-->
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
<!--容器 -->
<div>1111</div>