博主信息
博文 9
粉丝 0
评论 0
访问量 6321
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
初识 VSCode、markdown 语法、HTML
恒儿哥哥
原创
736人浏览过

编辑器VSCode 插件

  1. Dracula Official 主题(Dracula At Night)暗黑模式
  2. Dracula At Night vsCode语言包
  3. Better Comments 更好的注释
  4. Live Server 时实服务器(网页随着代码动态改变)
  5. Markdown Preview Enhanced Markdown语法高亮
  6. Prettier - Code formatter 代码格式化

markdown 语法

标题

1

2

3

4

  1. # 标题(一个#为大标题 多个则为小标题)

列表

无序列表

  • xxx1
  • xxx2
    • xxx2-1
    • xxx2-2
  1. 无序列表写法:
  2. - xxx
  3. - xxx
  4. -xxx
  5. -xxx

有序列表

  1. xxx1
  2. xxx2
    1. xxx2-1
    2. xxx2-2
  1. 有序列表写法:
  2. 1.xxx1
  3. 2.xxx2
  4. 1.xxx2-1
  5. 2.xxx2-2

代码

  1. 单行: echo 'hello word'
  1. 多行
  1. public function index($name){
  2. return $name;
  3. }

表格

id name sex age
1 张公公 22
2 王丫鬟 18
3 韦爵爷 32
4 赵国公 45
  1. 表格代码
  2. | id | name | sex | age |
  3. | --- | --- | --- | --- |
  4. | 1 | 张公公 | | 22 |
  5. | 2 | 王丫鬟 | | 18 |
  6. | 3 | 韦爵爷 | | 32 |
  7. | 4 | 赵国公 | | 45 |

图片

19期前端开发

  1. 写法: ![随便填(图片不嫌则现实这个内容)](图片URL)

链接:

博客: https://blog.houyue52.cn/

  1. 写法: <https://blog.houyue52.cn/>

HTML 标签含义

  1. 类型声明 这是一个html类型的
  2. <!DOCTYPE html>
  3. 页面语言定义
  4. <html lang="zh-CN">
  5. 定义头部 作用:提供页面描述、引用脚本、样式
  6. <head>
  7. charset 字符集列如: UTF-8UTF-16GBK
  8. <meta charset="UTF-8">
  9. 浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  11. meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求,但让viewport的宽度等于设备的宽度,这个应该是大家都想要的效果,如果你不这样的设定的话,那就会使用那个比屏幕宽的默认viewport,也就是说会出现横向滚动条。
  12. 这个nameviewportmeta标签到底有哪些东西呢,又都有什么作用呢?
  13. meta viewport 标签首先是由苹果公司在其safari浏览器中引入的,目的就是解决移动设备的viewport问题。后来安卓以及各大浏览器厂商也都纷纷效仿,引入对meta viewport的支持,事实也证明这个东西还是非常有用的。
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  15. 标题
  16. <title>Document</title>
  17. 引入外部样式表
  18. <link rel="stylesheet" href="https://tu.houyue52.cn/i/2022/03/16/11cnirx.css" />
  19. 引入外部脚本
  20. <script src="11cnirx.js"></script>
  21. </head>
  22. 主体内容 页面现实的内容和你写的基本都在这个里面啦
  23. <body>
  24. 标题标签
  25. <h1>hello</h1>
  26. 链接标签
  27. <a href="https://tu.houyue52.cn/i/2022/03/16/11cnirx.jpg"></a>
  28. 图片标签
  29. <img src="https://tu.houyue52.cn/i/2022/03/16/11cnirx.jpg" alt="" />
  30. </body>
  31. </html>
批改老师:PHPzPHPz

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学