注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

网页制作学习园地__对网页制作一点基础都没有的人进  

2009-08-04 11:39:34|  分类: 电子电脑 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

我看很多的人都说很想制作网页!但是又一点基础都没有!说实话!其实要学还怕找不到地方啊!其实大家都有一个共同点!---懒!(本人也在其中,不过

学习这东西*的是兴趣,不是一时的热情,网页制作不是我的专业,只是学习专业方面需要涉及到,所以才学了些基础的东西,但是我对网页编程还是很有

兴趣,希望和大家共同进步!)在这里我给大家把最基本的HTML语言给大家总结一下!(其实也是顺便的,由于快要考试了,寝室上的网,所以为了上网学

习两不误,就在上面总结一下基本的东西,同时也给大家上传上来,自己也当做个复习!!哈哈)

现在给大家说一下最基本的HTML语言:

 首先:打开记事本,在记事本中写HTML语言:(当然,有编程工具更好,不过建议学习最基本的东西还是自己先记一些!)
 列如:
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <h1>我的第一个网页</h1>
 </body>
</html>

写完后把文本另存为。写如你要保存的标题,下面的保存类型选择所有文件。然后在你写的标题后写上扩展名 .html(记事本的扩展名去掉。点要在英文状

注意:html标记是成对的;所以注意要写结束标记。
html是用于文档的开始和结束。
head是文档的头部分,它包含了文档的标题,文档的脚本,样式定义等信息。title就是包含了标题信息。
正文就写在body中。还有特别提醒一下<>一定要在英文状态下打出,不然无效。<>和〈〉是不同的。现在基础的html还不需要区分大小写,不过以后的

JAVASCRIPT就需要严格的区分了。现在提一下。


字体的大小:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<h1>到<h6>字体大小依次递减!自己试试吧!

正文中写新的段落:
在<body>中写新的段落如上一个列子:
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <h1>我的第一个网页</h1>
 <p>这是第二段文本。</p>    <!--</p>此结束标记可以省略!-->
 </body>
</html>

换行符:
<br>在文本中指定换行。
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <h1>我的第一个网页<br>这是另一行</br></h1>
 </body>
</html>

选择对齐方式:
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <p align=right>我的第一个网页</p>
 </body>
</html>

对齐方式包括了:内容居左left;内容居中:center;内容居右:right.

加入网页的背景颜色:

<html>
 <head>
<title>学习网业制作</title>
 </head>
 <body bgcolor=red>  <!--bgcolor是背景颜色的代码,可以自选-->
 <p align=right>我的第一个网页</p>
 </body>
</html>
超链接的使用:
<html>
 <head>
<title>学习网页制作</title>
 </head>

 <a href=***.html>点击此处查看另一个文本</p> <!--要注意的是首先要建立两个文档。在这个文档的链接地址写如另一个文档名-->
 </body>
</html>


要连接到其他的网站就写全地址!

下面给大家介绍一下<pre>标记的用法:
有些人希望网业显示的方式要以自己写如的方式显示,现在最适合的就是使用<pre>标记了
这中标记的好处就是按照写入时的样式显示!

<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <pre>
我的第一个网页
 我的第一个网页
我的第一个网页
 我的第一个网页
我的第一个网页
 </pre> 
 </body>
</html>

列表的使用:
无序列表:
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
  <ul>
   <li>星期一
   <li>星期二
   <li>星期三
   <li>星期四
  </ul>
 </body>
</html>
有序列表:
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
  <ol>
   <li>星期一
   <li>星期二
   <li>星期三
   <li>星期四
  </ol>
 </body>
</html>

在网页中插如图片:

<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <img src="图片的路径"> <!--图片也有align属性:和前面的对齐方式是一样的-->
 </body>
</html>
表格的使用:
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格的使用</title>
</head>

<body>
<table border="4"> <!--border表示是否显示表格的边框,设置为0则不显示!-->
 <tr>
  <td>第一格</td>
  <td>第二格</td>
  <td>第三格</td>
 </tr>
 <tr>
  <td>第四格</td>
  <td>第五格</td>
  <td>第六格</td>
 </tr>
 </table>
</body>
</html>

层的使用方法:
很有人在问层的使用方法,这里我简单给大家提一下吧!我知道的也不多!我学这章也是很少的,所以只能给大家说怎样做出层!
<html>
<head>
<title>层的使用</title>
</head>
<body>
<h1><font color=hotpink size=7>使用层</font></h1>
<div style="; left:25px top:27px; width:300px; hright:18px; z-index:1;">
<font color=limegreen size=4><b>第一层</b></font>
</div>
<p>层是可以添加到网页上的元素</p>
</body>
</html>

在网页中插入声音和视频文件:
<html>
 <head>
<title>学习网页制作</title>
 </head>
 <body>
 <bgsound src="声音文件路径" loop="-1"> <!--bgsound是背景声音的代码:此代码不显示播放器-->
 <embed align =center width="200" height="200" src="声音地址" autostart="ture" hidden>
<!--align是嵌入对齐的位置;width是宽度;height是高度 src是路径;autostart表示是否自动播放与false相反。hidden控制声音面版不显示,要插如视

频也是这个代码,把声音文件换为视频文件就可以了!-->
 </body>
</html>

今天先写到这么多!我发现写这东西还是很辛苦!由于是自己慢慢打的,所以有些地方难免会有错误!如果发现请给我说一下!谢谢!如果有不懂的也可以问!好了!慢慢看!


 免责申明:
  本网站所提供的学习资料目的是为广大网友学习及参考之用,有部分取自互联网,如果您认为本站某些内容有侵权之嫌,请立即通知我们,我们将在第一时间予以删除。
  我们在此声明,对您使用网站、与本网站相关的任何内容、服务或其它链接至本网站的站点、内容均不作直接、间接、法定、约定的保证。
  无论在任何原因下(包括但不限于疏忽原因),对您或任何人通过使用本网站上的信息或由本网站链接的信息,或其他与本网站链接的网站信息所导致的损失或损害(包括直接、间接、特别或后果性的损失或损害,例如电脑系统之损坏或数据丢失等后果),责任均由使用者自行承担(包括但不限于疏忽责任)。
  使用者对本网站的使用即表明同意承担浏览本网站的一切风险。
地址:长沙市芙蓉区解放西路136号蓝色地标大厦1121室 邮政编码:410004 电话:0731-88156297 传真:0731-88156297



引文来源  网页制作学习园地__对网页制作一点基础都没有的人进
  评论这张
 
阅读(215)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018