说起编程,相信很多人都不陌生,立马就会想到像:java、C、C#、C++、SQL等等用的比较广泛的编程语言。网页的编写虽然比不上这些编程语言那么的复杂,但是一个好的网页,是需要大量的:样式设计、利用ps修图、以及JavaScript等等技术相结合。那么今天就为大家简单的说说HTML的编写,对网页的基本编写的操作有个简单的认识,相信看完下面的内容,聪明的你,马上就能写出属于自己的网页呢~
编写工具:
Phase 5、 Programmer’s Notepad、SynWrite、PlainEdit.Net、Notepad++、CoffeeCup、jEdit、Sublime Text 2、Brackets、Aptana Studio 3(这10个都是我从网上搜的,小编除了Notepad++,其他都没用过~~~)其实编写工具一定要适合自己,才是最好的,所以小编一直都喜欢用”记事本”编写,O(∩_∩)O哈哈~,当然推荐一下:Dreamweaver也是相当好用的。
对于初学者来说,记事本绝对是最好的编写工具,因为所有的代码都要自己一个一个写,没有其他编写工具的快捷键提示。
编写方法:
新建文件:
新建一个记事本文件,并将后缀名改为 .html ,然后在鼠标右键选择用记事本打开。因为.html的文件默认的是以网页的形式打开的,所以,修改后缀名这一步也是写网页中重要的一步。
基本框架:基本的网页一般包括网页的标签<html>,网页的头<head>,网页的主体(身体)<body>,并且在网页的编写中有一个原则,就是几乎所有的标签都是一一对应的。即<>...</>。
网页的标题:
添加<title>...</title>标签即可编写网页的标题,随便写啥都可以~
网页内容的编写:
网页的内容只要你能想的到的,都可以写上去,直接在<body>...</body>里随便的输入内容吧~
效果图:
修饰:
利用各种标签来对你想到的内容进行格式、颜色、等内容上的修改,下面我简单列举几个常用的标签,小伙伴们可以自己动手试试达到想要的效果,没有涉及到的还请谅解。
添加背景图片:<body background="图片所在路径+图片全名">
背景颜色:<body color="颜色的英文名称或者颜色代码,可去网上搜索">
添加图片:<img src="图片所在路径+图片全名">
文字设置:<font size=”文字大小” face=”字体” color=”文字颜色”>...</font>
居中:<center>...</center>
换行:<br>
段落:<p>...</p>
超链接:<a href=\"链接的地址\">链接的名字</a>
移动字体:<marquee direction=lift或者right>写上你想写的字</marquee>
字体加粗:<b>添加文字</b>
字体斜体:<i>添加文字</i>
字体下划线:<u>添加文字</u>
字体删除线:<s>添加文字</s>
字体加大:<big>添加文字</big>
可以试试在<head>...<head>中试试加入我的这段代码哦~
<head>
<title>我的网页demo</title>
<div id="boom"><marquee direction=lift>欢迎各位小伙伴转发~关注~赞~评论~有任何错误或是问题都说出来哦
~~~</marquee></div>
<script language="javascript">
function Color()
{
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray";
color=color.split("|");
document.getElementById("boom").style.color=color[parseInt(Math.random() * color.length)];
}
setInterval("Color()",400);
</script>
</head>
今天就介绍到这里,欢迎各位看官给予建议和批评,明天我会写一篇关于《局域网内访问他人电脑上的自制网页》的文章,感兴趣的童鞋可以关注一波~感谢大家~
本文暂时没有评论,来添加一个吧(●'◡'●)