zoukankan      html  css  js  c++  java
  • 前端之HTML1

    直接上代码:

    <!DOCTYPE html>
    
    <html>
    <body bgcolor="green">
    
    <h1 align="center">HTML DEMO</h1>
    
    <h2>我的第一个标题</h2>
    <h2>我的第二个标题</h2>
    
    <p>我的第一个段落</p>
    <!-- hr可产生一条水平线 -->
    <hr />
    <p>我的第二个段落</p>
    <hr />
    <p>我的第三个段落。这个段落有点长,因此我要换行。<br />
    第一行告诉你,今天天气不错。<br />
    第二行告诉你,你不错。<br />
    第三行告诉你,我不错。</p>
    
    <a href="http://www.baidu.com">跳转到百度</a>
    
    <img src="https://farm4.staticflickr.com/3155/2805435936_e563395d7d.jpg" width="150" height="150" />
    
    </body>
    </html>

    有个地方值得注意: <img /> 、<br /> 、<hr />

    没有内容的HTML元素被称为空元素,空元素是在开始标签中被关闭的。

    效果图:

    上述关于body背景颜色、h1对齐方式的设置方法已经过时,应该通过style进行设置。

    <body style="background-color: yellow">
    
    <h1 style="text-align: center">HTML DEMO</h1>
    
    <h2>我的第一个标题</h2>
    <h2 style="font-family: verdana;color: green;font-size: 20px">我的第二个标题</h2>
  • 相关阅读:
    浏览器
    背景图片设置
    用CSS画平行四边形
    git常用操作
    函数Function
    Object类型的创建和访问
    执行环境及作用域
    传值和传引用
    String类型
    HTML< legend >标签
  • 原文地址:https://www.cnblogs.com/gattaca/p/7434629.html
Copyright © 2011-2022 走看看