zoukankan      html  css  js  c++  java
  • (1)html基础

    1.html5基本格式

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <title>title</title>
    </head>
    
    <body>
        content
    </body>
    
    </html>

    2.  html标题 h1-h6 

    <body>
        <h1>这是h1标题</h1>
        <h2>这是h2标题</h2>
        <h3>这是h3标题</h3>
        <h4>这是h4标题</h4>
        <h5>这是h5标题</h5>
        <h6>这是h6标题</h6>
    </body>

    3.html 段落<p> 

    <body>
        <p>这是一个段落。</p>
        <p>这是一个段落。</p>
    </body>

    4.html 链接

    http协议的表头要加上

    <body>
       <a href='http://www.baidu.com'> 百度网址</a>
    </body>

    默认有下划线

    5.图片

    <body>
       <img src="./image/1.jpg" width="300"  height="300" />
    </body>

    6.文本格式化标签

    用来改变文本上下标、斜体、粗体、删除字等

    .加粗标签<b></b>

    <body>
        <p>大风起兮云飞扬</p>
        <b>大风起兮云飞扬</b>
    </body>

    .斜体标签<i></i>

    <body>
        <p>大风起兮云飞扬</p>
        <i>大风起兮云飞扬</i>
    </body>

    .上标 <sup></sup>  和 下标<sub></sub>

    <body>
        <p>上标sup:  3<sup>2</sup></p>
        <p>下标sub:  3<sub>2</sub></p>
    </body>

    .删除线 <del></del>

    <body>
        <del>今天吃了15碗米饭</del>
    </body>

    7.计算机输出标签

    .预定义标签 <pre></pre>

    原样输出不忽略回车

    <body>
        <p>今天吃了:
            15碗米饭</p>
        <pre>今天吃了:
            15碗米饭</pre>
    </body>

    8.注释

    <!-- 在此处写注释 -->

    9.表格

    <body>
        <table border="1">
            <tr>
                <td>第1行, 第1列</td>
                <td>第1行, 第2列</td>
            </tr>
            <tr>
                <td>第2行, 第1列</td>
                <td>第2行, 第2列</td>
            </tr>
        </table>
    </body>

    10.列表

     无序列表

    <body>
        <ul>
            <li>苹果</li>
            <li>水蜜桃</li>
            <li>大鸭梨</li>
        </ul>
    </body>

    有序列表

    <body>
        <ol>
            <li>苹果</li>
            <li>水蜜桃</li>
            <li>大鸭梨</li>
        </ol>
    </body>

     

  • 相关阅读:
    【python】第一个爬虫:用requests库爬取网页内容
    【python】UDP协议编程
    【python】体育竞技分析:预测球队比赛成绩
    【python】手绘图制作
    【python】成绩表雷达图
    【python】numpy库和matplotlib库学习笔记
    【python】PIL库之图片处理
    【python】PIL库学习总结
    【python】利用jieba中文分词进行词频统计及生成词云
    汉诺塔问题
  • 原文地址:https://www.cnblogs.com/buchizaodian/p/7057874.html
Copyright © 2011-2022 走看看