• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 HTML入门实操4例子

发布时间:2020-06-22 16:38:22 浏览 4738 来源:博学谷 作者:月

      HTML入门实操4例子,在没有任何辅助工具基础上,本次通过实操来完成4个例子。首先建立一个文本文档(.txt后缀),然后打开后把下面例子一个一个粘贴到文档里保存关闭,把文档后缀改成.html,双击即可自动打开浏览器预览。

     

    HTML入门实操
      Ps:想返回编辑,在.html文件上右键 用文本打开即可编辑,编辑完成后保存,回到浏览器刷新(F5)看编辑后的内容


      1.HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
      实例
      <h1>博学谷</h1>
      <h2>博学谷it培训</h2>
      <h3>博学谷html入门实例操作</h3>
      保存更改后缀双击预览。


      2. HTML 段落
      HTML 段落是通过 <p> 标签进行定义的。
      实例
      <p>这是一个段落</p>
      <p>这是另一个段落</p>
      保存更改后缀双击预览。


      3.HTML 链接
      HTML 链接是通过 <a> 标签进行定义的。
      实例
      <a href="http://www.boxuegu.com">This is a link</a>
      保存更改后缀双击预览。


      4. HTML 图像
      HTML 图像是通过 <img> 标签进行定义的。
      实例
      <img src="图片地址" width="设置图片宽度" height="设置图片高度" />
      第四个例子给初级入门同学留个小作业,可以尝试本地图片或网络图片。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: 前端培训学习划分哪几个阶段? 下一篇: Java转前端开发难吗?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码