• 前四天随堂笔记!


     
    第一天
    <html>快捷键:!+teb
        <head>
            <title>第一天</title>

            </head>
        <body>
            <!--注释,在页面不显示!快捷键:ctrl+/-->   
           第一节
           <h1>标题一</h1>快捷键:h$*默认为(1-6)
           <h2>标题二</h2>
           <h3>标题三</h3>
           <h4>标题四</h4>
           <h5>标题五</h5>
           <h6>标题六</h6>
           <p>段落标签</p>
           <p>12345<br>换行标签<br>6789</p>
           <hr>
           <!-- <hr>水平线标签 -->
           <p></p><b>文字加粗</b>
           <p></p><i>字体倾体</i>
           <p></p><u>字体下划线</u>
           <p>上<sup>标签</sup></p>
           <p>下<sub>标签</sub></p>
           <p>x<sup>2</sup>+y<sub>2</sub>=?</p>
           <p></p><big>大字号标签</big>
           <p></p><small>小字号标签</small>
           <p></p><s>删除线</s>
           <div>块状元素</div>
           <!-- 块状元素单独占据一行 -->
           <span>内联元素</span>
           <span>内联元素</span>
           <span>内联元素</span>
           <span>内联元素</span>
           <!-- 内联元素可多个占据同一行 -->
           <!-- <img src="图片位置/图片名称" width="宽度" height="高度">图片载入 -->

        </body>
    </html>
    第二天
    <!DOCTYPE html>
    <html>
    <head>
    <title>第二天</title>
    </head>
    <body>
        <a name="标签的属性"></a>
       <p></p> <a href="https://www.baidu.com/" target="_self">百度</a>
       <!-- target属性标签后:_blank新窗口打开,—self显示在相同的框架或者窗口中,_parent,_top-->
       <p><a href="第一天.html" style="color: pink;">第一天</a></p>
        <!-- <a href="同一文件内,可直接写链接"></a>网页链接,跳转页面。 -->
        Phoenix<div class="cl" id="ads"></div>
        Phoenix<div class="cl" id="sda"></div>
        <!-- class元素同一页面可以重复出现,id元素同一页面不可重复出现! -->
        <div style="color: blue;" title="凤凰">Phoenix</div>    
        <!-- style元素为规定元素的行内样式,title为规定元素的额外提示 -->
        <p><img src="F:桌面背景动漫/2345_image_file_copy_43.jpg " alt=""></p>
        <!-- <img src="图像标签" alt="文字,如果图片找不到,显示alt中的文字。"> -->
        <!-- ./同级文件目录../上一级文件目录 -->
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <a href="#标签的属性" style="color: orangered;">当前页面跳转</a>
        <ol type="I">
            <!-- type属性为序号样式:1、a、A、i、I。五中有序列表属性 -->
            <li>
                <ol>
                    <li></li>
                </ol>
            </li>

            <li></li>
            <li></li>
        </ol>
        <!-- 有序列表 -->
        <ul type="circle">
            <!-- type:disc实心小圆点、circle空心小圆点、square实心小方块。无序列表的三种属性 -->
            <li>
                <ul>
                    <li></li>
                </ul>
            </li>
            <li></li>
            <li></li>
        </ul>
        <!-- 无序列表 -->
        <dl>
            <dt>标题</dt>
            <!-- <dt></dt>内容开头顶格 -->
            <dd>简介</dd>
            <!-- <dd></dd>内容开头会空出一部分 -->
            <dt>标题</dt>
            <dd>简介</dd>
        </dl>
        <!-- 自定义列表 -->
        <table border="5" cellpadding="30" cellspacing="0" align="center">
            <thead>
                <tr>
                    <th></th>
                </tr>
            </thead>
            <!-- 表格头部 -->
            <tbody>
                <tr>
                    <td></td>
                </tr>
            </tbody>
            <!-- 表格内容 -->
            <tfoot>
                <tr>
                    <td></td>
                </tr>
            </tfoot>
            <!-- 表格底部 -->
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
            </tr>
        </table>
        <!-- table表格:tr行、td列。border为边框宽度、cellpadding为内容与边框的距离、cellspacing单元格间的空白距离
        align为表格水平对齐方式:right右侧,center中间,left左边-->
        <!-- valign垂直对齐:top水平对齐、bottom最下面、 -->
        <!-- 合并单元格:跨行:rowspan="数字"、跨列:colspan="数字" -->
    </body>

    </html>
    第三天

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <a href="http://www.baidu.com" target="n1">百度</a>
        <iframe src="http://www.163.com" width="800" height="400" frameborder="0" name="n1"></iframe>
        <!-- 内联框架,把其他网址引入 -->
        <!-- <iframe src="" frameborder="0"></iframe>可以嵌套标签 -->
    </body>
    </html>
    <html>
    <frameset cols="25%,75%">
        <frame src="作业6.20.html">
        <frame src="第一天.html">
            <noframes>浏览器不支持</noframes>
            <!-- 链接不支持,显示<noframes></noframes>内的内容 -->
    </frameset>
    <!-- 框架:cols垂直框架、rows水平框架,全部引入其他文件-->
    </html>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <form action="" method="POST">
            <!-- 提交地址 -->
            <input type="text" name="" id="" value="" placeholder="用户名">账号
            <!-- 文本框 readonly只读,不能修改,name可以提交到后端.disabled中name不可提交到后端。-->
            <br>
            <input type="password" name="" id="" value="" placeholder="密码">密码
            <!-- 密码框 -->
            <br>
            <input type="radio" name="sex" id="" checked value="1">男
            <input type="radio" name="sex" id="">女
            <!-- 单选按钮,在name中输入相同的元素-->
            <br>
            <input type="checkbox" name="" id="" checked value="1">男
            <input type="checkbox" name="" id="">女
            <!-- 复选框 -->
            <br>
            <input type="button" value="登录">
            <input type="reset" value="重置">
            <input type="submit" value="提交">
            <!-- 按钮 -->
            <br>
            <input type="hidden" name="" value="">
            <!-- 隐藏域 -->
            <input type="file" name="" id="">
            <!-- 文件上传 -->
            <select name="" id="">
                <option value="">男性</option>
                <option value="">女性</option>
                <option value="" selected>中性</option>
            </select>
            <!-- 下拉框 -->
            <br>
            <textarea name="" id="" cols="30" rows="10"></textarea>
            <!-- 文本域标签 -->

        </form>
    </body>
    </html>
    第四天
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <button>按钮</button>
        <canvas></canvas>
        <pre>

            121
        </pre>
        <audio src="" controls>音频引入</audio>
        <!-- controls播放器必带 -->
        <audio controls="controls">
            <source src="">
            <source src="">
        </audio>
        <br>
        <video src="../1群2群1.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群2.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群3.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群4.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群7.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群9.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群10.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群12.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群14.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群15.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群18.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <video src="../1群2群19.mp4" controls="controls" width="800" height="400" autoplay自动播放 muted静音></video>
        <iframe src="" frameborder="0"></iframe>
    </body>
    </html>
  • 相关阅读:
    微信小程序分享及信息追踪
    vue刷新路由,不刷新页面
    vue中是使用富文本编辑器vue-quill-edit
    下载配置nodeJs,cnpm,webpack,vue-cli等,刚装的系统,所有东西重新配置
    promise学习总结
    【转】前端的BFC、IFC、GFC和FFC
    ES6中export与export default的区别
    前端常见跨域解决方案
    vue2.0s中eventBus实现兄弟组件通信
    RHEL5 yum更新源
  • 原文地址:https://www.cnblogs.com/mark645524126/p/13180492.html
Copyright © 2020-2023  润新知