分享免费的编程资源和教程

网站首页 > 技术教程 正文

助你分分钟学会编写简单网页

goqiw 2024-09-12 16:18:09 技术教程 31 ℃ 0 评论

说起编程,相信很多人都不陌生,立马就会想到像: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>

今天就介绍到这里,欢迎各位看官给予建议和批评,明天我会写一篇关于《局域网内访问他人电脑上的自制网页》的文章,感兴趣的童鞋可以关注一波~感谢大家~

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表