漂亮的html页面源码（html好看的源码）

今天给各位分享漂亮的html页面源码的知识，其中也会对html好看的源码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、html网页制作、跪求源代码
• 2、求一个简单的静态的个人网页源代码 要html的
• 3、如何用html编写一个简单的网页

html网页制作、跪求源代码

效果图，图片自己换，

html代码：

!DOCTYPE html

html

head

meta charset="utf-8"/

title泰国/title

link rel="stylesheet" type="text/css" href="css/index.css"/

script type="text/javascript" src="js/index.js"/script

/head

body

div class="box"

  div class="titles"泰国/div

  div class="img-box"

    img class="auto-img" src="images/a001.jpg"/

  /div

  div class="text-box"

    div class="text-box-a"

      a href="#"曼谷、芭提雅(珊瑚岛、金沙岛)5晚7天/a

    /div

    div class="text-box-a"

      东航直飞曼谷客机，入住1晚曼谷国际5星+4晚泰式5星酒店,芭提雅双岛(珊瑚岛+金沙岛)清...

    /div

    div class="text-box-a"

      出发日期：星期一,星期二,星期三,星期四,星期五

    /div

  /div

  div class="bottom ovf"

    div class="fl text-a1"

      班期：每周发团

    /div

    div class="fr"

      div class="price"￥nbsp;4549/div

      div class="rush-to-buy"立即抢购/div

    /div

  /div

/div

/body

/html

css样式：

html,body{

padding:0;

margin:20px 0 0;

}

a{

text-decoration:none;

}

.fl{

float:left;

}

.fr{

float:right;

}

.ovf{

overflow: hidden;

}

.box{

width:50%;

margin:0 auto;

border:1px dashed #000000;

padding:4px;

}

.titles{

width:100%;

text-align: center;

color:#ffffff;

background-color: #ff0000;

}

.img-box{

width:100%;

margin-top: 4px;

}

.auto-img{

display: block;

width:100%;

}

.text-box{

width:100%;

}

.text-box-a{

width:100%;

font-size: 14px;

line-height: 20px;

letter-spacing: 1px;

}

.text-box-aa{

color:#0089ff;

}

.bottom{

margin-top: 30px;

}

.text-a1{

font-size: 18px;

font-style: italic;

font-style:oblique;/*为保证斜体效果加一个*/

}

.price{

font-size: 16px;

color:#8B3E2F;

}

.rush-to-buy{

width:80px;

text-align: center;

background-color: #ff0000;

font-size: 16px;

}

求一个简单的静态的个人网页源代码 要html的

我教你，你把下面这段文字保存为test.htm，就可以用网页浏览器打开了。

html

title最简单的静态页面/title

body This is a simplest static page demostration./body

/html

如何用html编写一个简单的网页

简单的html网页可以直接利用文本编写的，无需下载特定编辑器。

1、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。

2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行操作，不同操作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。

3、然后输入最简单的HTML文本语言。

代码如下：

html

body

最简单的网页

/body

/html

4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。

5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。

漂亮的html页面源码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html好看的源码、漂亮的html页面源码的信息别忘了在本站进行查找喔。