如何创建一张属于自己的简单的网页

最新推荐文章于 2024-06-16 23:55:38 发布

礼礼。

最新推荐文章于 2024-06-16 23:55:38 发布

阅读量3.9k

点赞数 7

分类专栏： HTML 文章标签： html5

本文链接：https://blog.csdn.net/weixin_45736311/article/details/112981874

版权

HTML 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

本文介绍了如何使用记事本创建一个简单的HTML网页，包括编写基本的HTML结构，如，，，

，
等标签，并解释了它们的作用。同时，还提到了如何设置标题、段落样式、添加链接、插入图片以及使用注释和换行标签。这是一个快速入门HTML的基础教程。

摘要由CSDN通过智能技术生成

1.如何创建一张属于自己的简单的网页？

步骤一：启动笔记本

开始——所有程序——附件——记事本

步骤二: 用记事本来编辑HTML
在记事本中输入代码,例如：

 <!DOCTYPE HTML>
 <html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

步骤三：保存HTML

  右击“文件”——另存为——文件扩展名改为 .html或 .htm

步骤四：在浏览器中运行HTML文件

  找到已保存的文件，就是浏览器的样子，点开它 就会呈现你所制作的样子啦

2.说明一下各个标签的具体含义及其作用

(1）描述网页：<html></html>
（2）页面内容<body></body>  
         添加背景颜色<body style="background-color: ;">或者在css里编辑
（3）标题标签<h1></h1> 
     是通过 <h1> - <h6> 等标签进行定义的
     标题水平居中对齐<h1 style="text-align:center">****</h1>
（4）段落标签<p></p> 
     字体样式、字体颜色、字体大小<p style="font-family:arial;color:red;font-size:20px;">*****</p>
（5）链 接<a></a> 
     例如：<a href="http://www.w3school.com.cn">链接名称</a>
（6）图片标签<img />  
     例如：<img src="/i/eg_w3school.gif" width="300" height="120" />
（7）分隔线 <hr /> 
（8）注释标签 <!-- ****  -->
（9）换行 <br /> 
     换行的话用<br /> ，换段落的话用<p></p>标签

礼礼。

关注

7
点赞
踩
41

收藏

觉得还不错? 一键收藏
打赏
1
评论
如何创建一张属于自己的简单的网页

下面是我自己整理的一些适合初学者的学习资料，供大家参考1.如何创建一张属于自己的简单的网页？步骤一：启动笔记本开始——所有程序——附件——记事本步骤二: 用记事本来编辑HTML在记事本中输入代码,例如：<!DOCTYPE HTML><html><body><h1>My First Heading</h1><p>My first paragraph.</p></bo
复制链接

扫一扫