登录  /  注册
博主信息
博文 47
粉丝 3
评论 0
访问量 36227
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
1208-安装vscode与初识html
原创
717人浏览过

1208-安装vscode与初识html

1.谷歌插件

  • igg谷歌访问助手
  • 划词翻译
  • 简阅-阅读简单文章

    2.Vscode插件

  • Chinese 简体中文语言包
  • Html CSS support
  • Html/CSS/Javascript snippets
  • Auto raname tag
  • one dark pro 主题

    3.Vscode快捷键

  • !+tab补全代码
  • Ctrl+k Ctrl+l 切换折叠
  • Ctrl+/ 注释
  • Shift+alt+a 块注释

    Html知识点

  • 页面中看到的内容都是由元素组成的
  • 元素都是标签描述,标签根据元素的类型分类双标签和单标签
  • html内容样式,取决于标签,内容是很多元素组成的
  • html中的所有内容,如果想添加到html文档中,就必须要使用一个标签
  • 任何一个元素只要给他一个id,就是一个标识点

标题与段落

  1. <h1>这是一个h1标题</h1>
  2. <h2>这是一个h2标题</h2>
  3. <p>这是p标签段落</p>
  4. <gral sex="nv" sw="80,90,100" height="170" weight="200">女朋友</gral>
  5. <!-- html中的所有内容,如果想要添加到html文档中,就必须要使用一个标签 -->
  6. <!-- js代码必须写到一个script标签中 -->
  7. <script>
  8. const SITE = "Hello world!";
  9. </script>
  10. <!-- 标题标签:除了设置文档标题之外,还可以用来划分页面结构的 -->
  11. <h1>hello world</h1>
  12. <h2>hello world</h2>
  13. <h3>hello world</h3>
  14. <!-- 内容标签<p></p> -->
  15. <p>程序员界有一句话:每一个程序员都应该拥有一台MacBook pro</p>

a标签使用

  1. <!-- a标签当前页面跳转 -->
  2. <a href="https://www.php.cn/">php中文网</a>
  3. <!-- a标签新窗口新页面跳转 -->
  4. <a href="https://www.php.cn/" target="_blank">php中文网</a>

iframe内联

  1. <!-- 点击a标签在iframe访问页面 -->
  2. <a href="https://www.baidu.com" target="baidu">打开百度</a>
  3. <iframe srcdoc="<em>点击上面打开百度</em>" name="baidu" width="400"></iframe>

使用iframe时,需要注意a标签的target值需要跟iframe内的name属性值相等

锚点使用

  1. <!-- 通过锚点跳转到底部 -->
  2. <a href="#footer">点我跳转到底部</a>
  3. <div id="footer" style="margin-top: 1000px">我是底部</div>
  4. <a href="#">回到顶部</a>

img使用

  1. <!-- 通过src打开一张网络图片地址 -->
  2. <img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" />
  3. <!-- 图片设置大小的时候只需要设置一个如宽度,或高度,另一个会等比缩放 -->
  4. <img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" width="200" />
批改老师:天蓬老师天蓬老师

批改状态:合格

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

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

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