爱陪小樱桃

导航

 

1、html 换行:

如果你想在不产生新的段落下换行,就使用<br/>
<p>tishi is a praskdjf<br/>ldkfldj</p>

2、插入图片:

例如百度网站上有百度的logo我们可以通过F12查看:

如上下例子:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>博客地址</title>
</head>
<body>
<!--this is a coment-->
<img src="http://www.tooopen.com/view/1430483.html" width=400,height=50/>
<h2>学习博客</h2>
<p>自己摸索前进</p>
<p>这个过程很慢</p>
<a href='http://www.baidu.com'>百度</a>
<div style ="background-color:yellow;height=50;width=400">
<p>这个用来区分div的</p>
</div>
</body>
</html>

3、TML Div
<div>可定义文档中的分区或节,<div>标签可以吧文档分割成为独立的,不同部分,他可以用作严格组织工具,
并且不使用任何格式与其关联,如果用id或者class 来标记<div>,那么标签的作用会变的更加有效;

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>博客地址</title>
 6 </head>
 7 <body>
 8 <!--this is a coment-->
 9 <img src="http://www.tooopen.com/view/1430483.html" width=400,height=50/>
10 <h2>学习博客</h2>
11 <p>自己摸索前进</p>
12 <p>这个过程很慢</p>
13 <a href='http://www.baidu.com'>百度</a>
14 <div style ="background-color:yellow;height=50;width=400">
15 <p>这个用来区分div的</p>
16 </div>
17 </body>
18 </html>

以上的<img>和<div>的代码大家可以分开写,这样比较易学易懂,小编是为了省力就都写在一起了,大家可以更具自己需要,先写一个吧用不到的div略除,然后在写随着学习的比较多而慢慢的往增加;

posted on 2017-11-18 23:53  cherry小樱桃  阅读(141)  评论(0编辑  收藏  举报