千锋前端笔记

最新推荐文章于 2024-05-02 14:26:53 发布

JUMPLANB

最新推荐文章于 2024-05-02 14:26:53 发布

阅读量1k

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/B_planzp/article/details/123044606

版权

注：vscode的代码文件应该存放在其他子文件夹，否则由于软件的自动更新机制，代码文件会造成丢失

学校与千锋教育存在合作，大二的JAVA 高级实验周是有千锋的老师进行教学。印象不错，所以找的是千锋的视频，自我笔记

前端基本HTML5和css3以及javascript

html为文本标记语言，提供框架，css进行静态装饰，JavaScript负责动态交互

是对前端的基本介绍以及学习框架，直接代码

基本的段落语言

代码的兼容性可以用caniuse网站进行查找

文档声明和字符编码

常用的标签

web语义化是为了增强搜索引擎优化便于维护’

标题与段落标签h、文本修饰标签strong、em del

常规标记和单标记

图片的绝对路径和相对路径

<!DOCTYPE html>
<!-- 使用那种浏览器标准进行编码 -->
<html lang="en">
    <!-- 使用的翻译之后的语言 -->
<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>Document</title>
</head>
<body>
    <center><p>千锋教育笔记8o集</p></center>
    <hr align="left" color="green">
    <h1>标题与段落</h1>
    <p>“所谓弃族的命运，就是要穿越荒原，<br>
        再次竖起战旗，返回故乡。</p>
    <s>删除标签</s>
    <del>删除标签</del>
    <em>倾斜标签</em>
    <i>倾斜</i>
   <sub> 下标  </sub>
     <sup> 上标</sup> 
     <strong>强调</strong>
    <b>强调</b>
    <u>下划线</u>
    <hr color="green" width="300px" align="left">
    <hr color="green" width="300px" align="left" noshade="noshade">
    <!-- 默认的hr标签是有阴影的 -->
     <img src="img/a50f4bfbfbedab646b6bf861fb36afc379311e71.jpg" alt="英雄联盟" title="秀素" width="300px" height="300px">
     <!-- alt是图片没有有效路径时的提示信息 -->
     <!-- 使用路径时，相对路径 -->
     <a href="">龙族全文本阅读</a>
     <base href="/父级/llongzu5.jpg">
     /表示跳出当前菜单
     <div>
         <!-- 独占一行的空间 -->
         <p>龙族<span style="color: brown;">txt</span>小说下载</p>
         <!-- span标签使用样式进行变化没有实际意义，内容同距离 -->
         <hr color="blue">
         <ul type="disc">
            <!-- 无序列表 
            type:disc circle square none-->
             <li>仙逆</li>
             <li>求魔</li>
             <li>我欲封天</li>
         </ul>
         <ol type="A" start="4">
             <!-- li里面可以随便加标签，但是ol只可以和li链接
             快捷方式ul*数量>li数量 
            type：1 a A i I
        start:取值是数字-->
             <li>修罗战神</li>
             <li>修罗武神</li>
             <li>我是个算命先生</li>
         </ol>
        <dl>
            <dt><img src="/img/ChMkJ1er2DeIeT0GAA4rQicxHXQAAUVvAI7ObsADita649.jpg" alt=""></dt>
            <!-- 图片 -->
            <dd>暗号——周杰伦</dd>
            <!-- 文字 -->
        </dl>
        <!-- 快捷键:dl>dt{}+dd{} -->

     </div>
     <div>
         <dl>
             <dt>
                 <img src="/a50f4bfbfbedab646b6bf861fb36afc379311e71.jpg" alt="龙族5">
                 <img src="/img/b8014a90f603738d827be2cfb31bb051f812.jpg" alt="龙族5">
                 <img src="./a50f4bfbfbedab646b6bf861fb36afc379311e71.jpg" alt="龙族5">
                 <img src="a50f4bfbfbedab646b6bf861fb36afc379311e71.jpg" alt="龙族5">
                <!-- 同级列表
                1.直接使用文件名
                2. 使用./文件名-->

             </dt>
             <dd>aiqiuyi</dd>
         </dl>
     </div>
     <img src="./a50f4bfbfbedab646b6bf861fb36afc379311e71.jpg" alt="电风扇">
     <img src="./img/Cg-4WlVdf2mIQWEzABhFqZtzpSYAAD5OgH-m3MAGEXB992.jpg" alt="ecfw" title="lihaiba "width="" height="">
     <!-- ../返回上一级 -->
     <!-- 存在问题， 使用视频中的图片引入方式无法运行
    单独对图片的宽或者高度设置，会自动进行等比缩放，保证图片不会失真-->
     

   
</body>
</html>

JUMPLANB

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
千锋前端笔记

注：vscode的代码文件应该存放在其他子文件夹，否则由于软件的自动更新机制，代码文件会造成丢失学校与千锋教育存在合作，大二的JAVA 高级实验周是有千锋的老师进行教学。印象不错，所以找的是千锋的视频，自我笔记前端基本HTML5和css3以及javascripthtml为文本标记语言，提供框架，css进行静态装饰，JavaScript负责动态交互是对前端的基本介绍以及学习框架，直接代码基本的段落语言代码的兼容性可以用caniuse网站进行查找文档声明和字符编码...
复制链接

扫一扫