网页的组成
- 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 href="http://www.baidu.com" target="_blank">百度一下 你就上当</a>
<!--image-->
<!--
相对路径 项目中的路径
绝对路径 从网络等地方
-->
<!--列表-->
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
<!--容器 -->
<div>1111</div>
网友评论