博学谷 > 资讯 > 前端 > HTML入门实操4例子

原创 HTML入门实操4例子

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

      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转前端开发难吗?

相关推荐 更多

最新文章

扫描二维码,回复"前端"获取90G资料包