JavaScript(learn 前端?)

2022/1/26 17:04:48

本文主要是介绍JavaScript(learn 前端?),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

前置知识:HTML,CSS

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>first html</title>
</head>

<body>
    <div>占一整行的盒子</div><!--多用于表示一个区块-->
    <span>多个小盒子占同一行</span>
    <span>2号小盒子</span>
    <p>
        <!-- 这是一个不换行的段落 -->
        <strong>加粗</strong>
        <em>倾斜</em>
        <del>删除线</del>
        <ins>下划线</ins>
    </p>
    <!-- 这是6级标题大小字号 -->
    <h1>这是一个标题</h1>
    <h2>这是一个标题</h2>
    <h3>这是一个标题</h3>
    <h4>这是一个标题</h4>
    <h5>这是一个标题</h5>
    <h6><em>这是一个倾斜的标题</em></h6>
    <!-- 这是一个新的段落 -->
    <p>abaaba</p> 
    <!-- 换行 -->
    <br>
    <!--
        超链接
        可以从一个页面跳转到其他页面
        或者当前页面其他位置
    -->
    <a href="http://www.baidu.com" target="_blank">百度一下</a>
    <!--href为链接地址(自己的页面的话就输入相对地址), target为弹出方式,如果是_self就是当前窗口打开(默认值) _blank 就是新开一个窗口打开-->
    
    <br>
    <a href="#img1">跳到图片</a>
    
    <!--
        列表 list
        1.有序列表
        2.无序列表
        3.定义列表

        无序
        ul建立列表
        li为列表项

        有序
        ol建立列表
        
        定义
        dl 建立列表
        dt表示定义的内同
        dd表示内容的解释说明

        列表可互相嵌套
    -->
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>
    <dl>
        <dt>名词</dt>
        <dd>名词的解释</dd>
        <dt>名词2</dt>
        <dd>名词的解释</dd>
    </dl>
    <!--  
        src处也可放链接地址 
        alt 图片无法加载时显示
    -->
    <img id="img1" loading="lazy" src="images/xyjy.jpg" width="258" height="180" alt="老婆" />
    <!-- 
        audio 音频
        video 视频
        默认是用户不可以控制的   controls可以出现暂停开始选项,autoplay可以让视频自动播放
    -->
    <video src="./source/test.mp4" controls autoplay>test</video>
</body>
</html>



这篇关于JavaScript(learn 前端?)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程