返回总目录页

html-1

 

 

用txt编辑器创建html文档。

文件已经显示出后缀名:

修改后缀名:

html基础结构:

复制代码
<html>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>
复制代码

浏览器端结果:

 

标题和段落:

复制代码
<html>
<body>
<h1>This is a heading 1</h1>
<h2>This is a heading 2 </h2>
<h3>This is a heading 3</h3>
<h4>This is a heading 4</h4>
<h5>This is a heading 5</h5>
<h6>This is a heading 6</h6>
<h7>This is a heading 7</h7>
<p>This is a paragraph.</p>
</body>
</html>
复制代码

浏览器显示结果:

 

 

超链接与图片引入,引用图片与文件同级目录下,非同级目录要写图片绝对或相对路径:

<html>
<body>
<a href="http://www.baidu.com">百度</a>
<img src="test.jpg" width="104" height="142" />
</body>
</html>

浏览器显示结果:

 

 

br换行:

<html>
<body>
<a href="http://www.baidu.com">百度</a> <br>
<img src="test.jpg" width="104" height="142" />
</body>
</html>

浏览器端结果:

 

posted @   马昌伟  阅读(172)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
· Manus爆火,是硬核还是营销?
博主链接地址:https://www.cnblogs.com/machangwei-8/
点击右上角即可分享
微信分享提示