网页制作一:html静态网页

通过清心醉

网页制作一:html静态网页

<!– –>

<!–注释:在该符号内的游览器不实施编译显示–>
<!–虽然目前编辑静态网页制作的软件有很多,比如网页三剑客及Frontpage–>
<!–于C++及C语言上对比来说,C++是C的超集,比如增加一个按钮只需要在MFC下选择添加就是–>
<!–网页制作也一样,以下内容属于底层的代码基础,略懂就可以了,如实际开发可在Frontpage或三剑客等平台–>
<!–以下小节代码只需复制粘贴即可查看效果,该行语句为注释–>
更多静态资料及完整的手册教材
请通过以下链接下载查看:
http://url.cn/TqeJ9I

<!–基本结构及输出hello word–>
<html>                                                             <!–html开始 –>
<head></heda>                                               <!–文件头开始–>
<body>                                                            <!– 内容开始–>
hello word
<!–输出显示字符hello word,好比C++的第一课入门 cout<<“hello word”<<endl; –>
</body>                                                           <!–内容结尾 –>
</html>                                                            <!–html结尾–>

<!–改变hello word的字体应用–>
<!–只修改前面的内容体–>
<b>hello word</b><br/>
<!–字体加粗,”br/”为换行–>
<font color=”black”>hello word</font>
<!–字体颜色为黑–>
<font size=”3″>hello word</font>
<!–字体字号为3,默认值为1-7 –>
<font style=”font-size:100px;”> hello word</font>
<!–因为HTML的默认值为1-7(除了用其他软件可以直接设置字体大小)–>
<!–初次接触CSS下控制字体为100相素大小–>
<font color=”black”><font size=”3″>hello word</font>
<!–3号的黑色字体hello word–>
<!–不知道是否可以修改为以下,服务器暂时关闭,明天开机测试–>
<font color=”black”  size=”3″>hello word</font>
该代码经过测试,可行
简单说就是<font>内容</font>
在<font>里设置各种操作及值即可

<!–增加URL及MAIL链接–>
<a href=”http://qingxinzui.gicp.net:200“>打开我的200端口主页</a>
<a href=”mailto:14870428@qq.com”>打开发送邮件至我的邮箱</a>
<a href=”http://qingxinzui.gicp.net:200” target=”_blank”>在新窗口中打开我的200端口主页</a>

<!–PHP商务软件的邮箱设置,其实只是一个字符串变量–>
<!–PHP平台下我定义个mail数据成员,$mail –>
<!–然后后台的text文本输入管理员邮箱–>
<!–将用户输入的值传递给$mail–>
/*
以C++来写注释好了,PHP的环境可以认出该注释*/
/*
用户输入的值传递后,系统判断格式(代码不写),格式正确保存至数据库
a href= $mail;
当用户需要联系邮箱时,指向$mail变量的数据体
可能由于语句的使用不一,会错误,以上只是思路,修改成专业网站语言的时候情况各有不一
*/

<!–增加图片地址–>
<img src=”X:/图片路径/我的图片.jpg” width=”500px” height=”300px” /> </img>
<!– 如果只设置了width或者height,会根据实际图片大小改变另一个值的参数相素–>
<img src=” URL链接图片地址 ”  width=”500″ height=”300″ /> </img>

/*注释*/
/*
很多静态网页,修改图片的方式第一就是修改目录下的图片,复制过自己需要的
二是重新指向图片目录地址,但这不太实际,因为有可能很多代码都指向了图片的位置
这么一修改代码的指向位置,其他指向相同位置的路径也必须修改
比如我建设了一个网站
主目录有以下文件:
index.html  //主文件
imgsrc //图片文件夹
(假设imgsrc目录里有个1.jpg文件)
那么通写格式为:
<img src=”/imgsrc/1.jpg” width=”100″ height=”100″ /> </img>
这么写是说明是当前目录(也可以说是相对目录,即和当前HTML(PHP和ASP也一样)同一文件夹内)
要写成:
<img src=”C:/imgsrc/1.jpg” width=”100″ height=”100″/> </img>
这么写就是绝对目录
*/
//如果我打开一个网页,鼠标移动到图片的时候,要图片显示点信息
<img src=”图片路径” width=”100″ height=”100″  alt=”输入要显示的文字信息” /> </img>
//如果需要给图片加边框
<img src=”图片路径” width=”100″ height=”100″  border=”1px” alt=”输入要显示的文字信息” /> </img>
//如果需要边框加颜色,自然要多一个属性bordercolor=”颜色代码”或者bordercolor=”颜色值”
<img src=”图片路径” width=”100″ height=”100″  border=”1px” border=”black” alt=”输入要显示的文字信息” /> </img>
//关于颜色
// color=”black”  表示黑色;;
// 也可以用十六进制的符号定义 color=”#000000″  也是表示黑色
//更多请参考下载文件内的W3CSchool–HTML系列教程–HTM颜色、颜色值及 颜色名

关于作者

清心醉 administrator

发表评论

如果喜欢作者的文章,您可以打赏给作者:

TRC20(虚拟货币):


ERC20(虚拟货币):


Bitcoin(BTC):