html博客网页完整代码(博客页面html模板)

admin 2023年12月12日 10:21 252 0

很多朋友对于html博客网页完整代码和博客页面html模板不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

一、新浪博客发表文章如何使用html代码

新浪博客发表文章如何使用代码？

这里教程里面那个字文章中添加代码。有截图的。:blog.sina../s/blog_4a50efad0100ub.

登陆你的新浪博客，然后王爷最上方有一排灰色的，在右边。上面依次是你的用户名、个人中心发博文、游戏、消息，点发博文即可。

登陆博客（用户明、密码、验证码）——点击页面右上方的“发表文章”——输入文章标题——编写文章内容或发表图片、视频等文件——编写完毕点击“发表文章”（或保存到草稿箱中）——返回首页就OK了；

如果想把自己BLOG页面装饰的漂亮点，我这里有装饰代码，和详细的使用方法，以及数千张背景图片素材供你选择，希望能对你有所帮助；

可以看新浪博客的使用说明哦，很详细的，自己捯饬多了就好了。

哦不用阿那是在网上让更多人知道你文章的没关系啊相当与分类

可能时间太长了，登陆超时了；然后建议你保存你的文章，然后重新登陆再把文章粘贴上，或者在下面写好在上网页，还有有时博客的服务器要维护或更新，系统将在某个时间段内暂停，只要稍等之后再进就好了，欢迎光临我的博客：kenanduzehua.blog.163.

因为不清楚你的代码是怎样的，但是一般在写博文或编辑博文时，在编辑器下边，选中“显示源代码”，然后粘贴，一般隐藏标题等直接沾到最后，要是处理内容的，要看实际情况来选定要处理的位置

好像不行吧，百度倒是可以编辑CSS，但SINA不可以，你只能在编辑器下粘贴了，如果你的代码有全局功能，倒是可能实现你想要的~~

2)点击[发博文]旁边的[页面设置

3)选择信纸了---再点[保存]，OK。

这个是你要自己编的．或者人家编好后你拷贝过去

二、Dreamweaver中响应式网页代码如何写

默认一个固定宽度为980px的网页，当浏览器窗口比980px小的时候，这个布局就变为100%比宽度的液态布局，而不是固定宽度。当浏览器窗口再缩小于700px的时候，我们就隐藏侧边栏。当窗口小于480px的时候，横向导航条隐藏，换成点击下拉效果的导航条。

如上图，从左至右依次为移动版本—>平板电脑—>桌面浏览器的效果。

首先，我们先来看下上面案例展示的html结构，如下图所示：

可以说这是一个很典型的博客模版结构。一个wrapper容器包含了头部、内容、侧栏、底部。

其次就需要我们针对移动设备加入这个meta标签。告诉webkit内核浏览器初始缩放比例为1。（很多iOS和Android的浏览器都是基于webkit内核的）

IE8或者更早的浏览器并不支持Media Query。你可以使用media-queries.js或者respond.js来为IE添加Media Query支持。

如果你的网站页面中用了html5文档声明，用到了很多html5标签，但是这些标签在ie9以下版本是不支持的，所以我们必须引用一个html5.js文件使得这些标签被其它低版本浏览器确认。

在这里马海祥就不再详细的讲正常页面下的布局如何写了。在此主要讲解下媒体查询media queries这个css的设计思路。这个是css3的属性，也是我们这个响应式网页设计的最重要的部分。可以说是响应式设计的核心。它根据条件告诉浏览器如何为指定视图宽度渲染页面。

下面我们用CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。

@media screen and(max-width: 480px){

（1）、当浏览器视图宽度为小于等于980像素时，如下规则将会生效。基本上，我会将所有的容器宽度从像素值设置为百分比以使得容器大小自适应。

#pagwraper{ width: 94%;}重新设定容器宽度为94%;

#content{ width: 65%; padding: 3% 4%;}重新设定内容宽度为65%;

#sidebar{ width: 30%;}重新设定侧边栏宽度为30%

注意这里我们用到了%，使得页面是一个流体布局。

（2）、当浏览器视图宽度为小于等于700像素时，视图指定#content和#sidebar的宽度为自适应并且清除浮动，使得这些容器按全宽度显示。

#content{ width: auto;float: none;margin: 20px 0;}

#sidebar{ display:none; width: 100%; margin: 0; float: none;}

容器宽度继承了上面94%的宽度，这个时候我们设定内容宽度为自动，使其填满外部的wraper容器。并清除其浮动样式。这个时候的浏览的页面，可以权衡下右边侧栏的重要程度，如果觉得有必要继续在页面中显示，我们可以清除其浮动，并把宽度也设为100%，这样就在content这个容器下显示。但马海祥觉的一般情况下，在这么小的浏览窗口中，用户只想看到最主要的内容，右边侧栏成为了一个补助模块，那么可以直接把它隐藏掉。这样可以减少页面的高度。

（3）、当浏览器窗口小于等于480px的时候，一般这个就是iPhone的横向宽度。就要将#header元素的高度设置为自适应，将h1的字体大小修改为24像素并隐藏侧边栏。

首先我们设计webkit内核浏览器下禁用文字大小调整，代码如下：

html{-webkit-text-size-adjust: none;}

其次就是代码的转换了，如下图所示：

其实在480px宽度下的时候，整体框架布局已经不用设置，马海祥认为我们应该考虑得更多的是怎么把一个良好的页面布局展示给用户。而在这个模式下，如果导航条有很多选项的时候，就会相互堆叠换行，那么这里我们设计成点击出下拉菜单形式，如下图所示：

这里我们首先考虑在小设备窗口下header太高已经占据了大半的屏幕显示，所以这里我们重新设定下header的高度，能完整呈现出这个站点logo就可以了。在480px小设备窗口下浏览，页面内容会很长，这个时候我们要在底部加个返回页面顶部的按钮。

三、什么博客支持自己编辑html网页代码追加分数!!!1

<?xml version="1.0" encoding="gb2312"?>

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>互动力量免费留言本</title>

if(top.location!= self.location)top.location=self.location;

background-image: url("../../images/template/3/bg.jpg");

if(document.theform.nickname.value=="")

document.theform.nickname.focus();

if(document.theform.content.value=="")

//document.theform.content.focus();

if(document.theform.GetCode.value=="")

document.theform.GetCode.focus();

//document.theform.SubmitBtn.disabled=true;

if(document.theform.upload_file_count.value>= 1)

{alert("每篇留言最多只能上传1个附件，现已达到上限。");}

{AP_popwin('upload.asp?userid=111433',4,400,80);}

document.images.faceimg.src=face_image[parseInt(document.theform.face.options[document.theform.face.selectedIndex].value)];

face_image[0]="../../images/m01.gif";

face_image[1]="../../images/m02.gif";

face_image[2]="../../images/m03.gif";

face_image[3]="../../images/m04.gif";

face_image[4]="../../images/m05.gif";

face_image[5]="../../images/m06.gif";

face_image[6]="../../images/m07.gif";

face_image[7]="../../images/m08.gif";

face_image[8]="../../images/m09.gif";

face_image[9]="../../images/m10.gif";

face_image[10]="../../images/m11.gif";

face_image[11]="../../images/m12.gif";

face_image[12]="../../images/m13.gif";

face_image[13]="../../images/m14.gif";

face_image[14]="../../images/m15.gif";

face_image[15]="../../images/m16.gif";

border:1 double;border-color:#dddddd#dddddd#dddddd#dddddd;cursor:pointer;background:efefef

border:1 double;border-color:#ffffff#999999#999999#ffffff;cursor:pointer;background:dddddd

border:1 double;border-color:#999999#ffffff#ffffff#999999;cursor:pointer;background:dddddd

.StatusBarBtnOff{BORDER-RIGHT:#808080 1px solid; BORDER-TOP:#808080 1px solid; BORDER-LEFT:#808080 1px solid; BORDER-BOTTOM:#808080 1px solid; HEIGHT: 18px; BACKGROUND-COLOR:#ffffff}

.StatusBarBtnOn{BORDER-RIGHT:#808080 1px solid; BORDER-TOP:#808080 1px solid; BORDER-LEFT:#808080 1px solid; BORDER-BOTTOM:#808080 1px solid; HEIGHT: 18px; BACKGROUND-COLOR:#9BD7FF}

<option value="custom">自定义字体</option>

<option value="Arial">Arial</option>

<option value="Arial Black">Arial Black</option>

<option value="Arial Narrow">Arial Narrow</option>

<option value="Century">Century</option>

<option value="Courier New">Courier New</option>

<option value="Georgia">Georgia</option>

<option value="Impact">Impact</option>

<option value="Lucida Console">Lucida Console</option>

<option value="MS Sans Serif">MS Sans Serif</option>

<option value="System">System</option>

<option value="Symbol">Symbol</option>