zoukankan      html  css  js  c++  java
  • HTML的实际演练2

    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略除,然后在写随着学习的比较多而慢慢的往增加;

  • 相关阅读:
    【Linux常用命令】 cat
    【Linux常用命令】 chmod
    【2012.4.22】北京植物园&卧佛寺
    【Linux常用命令】 重定向输出 > 和 >>
    一些话
    linux下查看用户个数和具体名字
    【Linux常用命令】 ls
    Ethernet frame
    防止修改类和方法
    redis数据批量导入导出
  • 原文地址:https://www.cnblogs.com/surewing/p/7858467.html
Copyright © 2011-2022 走看看