首页 > 编程语言> > JavaScript(learn 前端？)

JavaScript(learn 前端？)

2022-01-26 17:01:01 作者：互联网

前置知识：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
来源： https://blog.csdn.net/permi_yaxileni/article/details/121467716