学分高考 web前端

HTML入门实操4例子

发布时间: 2022-05-17 09:24:01

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="设置图片高度" />
第四个例子给初级入门同学留个小作业,可以尝试本地图片或网络图片。

温馨提示:
本文【HTML入门实操4例子】由作者教培参考提供。该文观点仅代表作者本人,学分高考系信息发布平台,仅提供信息存储空间服务,若存在侵权问题,请及时联系管理员或作者进行删除。
我们采用的作品包括内容和图片部分来源于网络用户投稿,我们不确定投稿用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的权利,请联系我站将及时删除。
内容侵权、违法和不良信息举报
Copyright @ 2024 学分高考 All Rights Reserved 版权所有. 湘ICP备17021685号