简介：网上有很多的编辑器，宝宝们可以自己去搜索一款适合自己的，由于昨天发的文章提示我有推广嫌疑，为了避免文章再次被屏蔽和信用分扣除，在这里我就不介绍编辑器了，那么，就开始我们的第一步：书写你的第一个网页打开 ...
| 网上有很多的编辑器，宝宝们可以自己去搜索一款适合自己的，由于昨天发的文章提示我有推广嫌疑，为了避免文章再次被屏蔽和信用分扣除，在这里我就不介绍编辑器了，那么，就开始我们的第一步：书写你的第一个网页打开编辑器，新建一个html文件，写一个html标签回车键会自动生成几行代码 每个标签的作用都有解释哦 那么，先给我们的第一个网页取一个高端大气上档次的名字吧，我觉得就叫“我的第一个HTML”就不错。那么，在绿色的标题部分，<title> </title> 中写上“我的第一个HTML”。然后保存，文件名字可以随便取，我的个人习惯是用数字，所以就叫1.html，然后双击打开预览，在浏览器中就能看到页面标题是,,, 不好意思乱码了，记得一定要加一句<meta charset="utf-8"/>，防止乱码。加UTF-8防止乱码 像这样写在<html> 与 <head> 标签中间就可以。然后假设我们要在这一个页面中画一个900X500的矩形，页面的单位是像素，页面里的矩形元素是用<div> </div>来写的，也就是我们要给基础的div加一些样式，为了方便查看，我们直接给div加上浅粉色的背景颜色和一个1像素的浅蓝色边框：浏览器中的浏览效果截图 代码中是怎么实现的，我们来看一下：代码是这样写的 那么这样的一个矩形我们就完成了。我们可以在这个div中继续书写内容，也可以再这个div下面继续写，标签内部写，我们看到的内容都会呈现在这粉色矩形当中，如果写在后面，那么它们是平等级别的，在没有其他效果左右下，是会显示在粉色矩形下的，我们可以写一句话试一下：代码中写了两行，便于区分区别 那么在浏览器中会怎样显示：浏览器中的效果 小伙伴们可以去搜索一下html样式，然后遇到什么问题私信发给我，今天的代码就先分享这么多。一下是刚刚的代码：<!DOCTYPE html><html><meta charset="utf-8"><head><title> 我的第一个HTML </title></head><body><div style=" width: 900px; height: 500px; background-color: lightpink; border: 1px solid lightblue;"><text>我的第一个网页1</text></div><text>我的第一个网页2</text></body></html>本文仅代表作者个人观点，不代表巅云官方发声，对观点有疑义请先联系作者本人进行修改，若内容非法请联系平台管理员，邮箱2522407257@qq.com。更多相关资讯，请到巅云www.yx10011.com学习互联网营销技术请到巅云建站www.yx10011.com。 |
