第一次网页前端培训笔记(HTML常用标签)

学习网址https://www.bilibili.com/video/BV1sf4y1k7dr?spm_id_from=333.999.0.0https://www.bilibili.com/video/BV1sf4y1k7dr?p=1

基础操作<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>常用标签</title>
    </head>
    <body>
        <h1 id="asd">标题1</h1>
        <h2>标题2</h2>
        <h3>标题3</h3>
        <h4>标题4</h4>
        <h5>标题5</h5>
        <h6>标题6</h6>
        <p>这是一个段落1</p>
        <p>这是一个段落2</p>
        HELLO<br /> WORLD
        <hr>
        <hr color="red" size="3" width="50%" align="left">
        <ul type="square">
            <li>周杰伦</li>
            <li>林俊杰</li>
            <li>陈奕迅</li>
        </ul>
        <ol type=I>
            <li>周杰伦</li>
            <li>林俊杰</li>
            <li>陈奕迅</li>
        </ol>
        <div style="width:500px;height:100px;"align="center">这是一个div</div>
        11111<br>
        <span>这是一个span</span><br>
        111111<hr>
        <font color="blue" size="5" face="行楷">你好</font>
        <pre>
hello                world            
        </pre>
        <p><b>撒,<del>来</del><i>细数</i><u>你的</u><sub>罪恶吧</sub></b></p>
        H<sub>2</sub>O<hr>
        <a href="http://www.baidu.com">百度</a>
        <a href="#asd">周杰伦</a>
        <img src="img/王也.jpg"width="300",height="300"border="2"title="武当王也,拜见老天师"/>
        <img src="waaw"border="2"alt="没有图片"/>
        <table width="400px" align="center" border="1" style="border-collapse:collapse">
            <tr>
                <th>编号</th>
                <th>姓名    </th>
                <th>年龄</th>        
            </tr>
            <tr align="center" bgcolor="bisque">
                <td>1</td>
                <td>张三</td>
                <td>18</td>
            </tr>
            <tr align="center">
                <td>2</td>
                <td>李四</td>
                <td>19</td>
                
            </tr>
            <tr align="center">
                <td>3</td>
                <td>王五</td>
                <td>20</td>
                
            </tr>
            
        </table>
        
    </body>
</html>

3基本框架<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        
    </body>
</html>

上一篇:让github仓库成为你的网站服务器


下一篇:【spring】设计模式理解