HTML 基础入门教程——01-05课

引用《HTML 基础入门教程——基础课程01-05课》

博客 2010-01-28 12:08:04 阅读14 评论1 字号：大中小

引用 Wangdh   de   rizhi

玫瑰夫人 的 HTML 基础入门教程——基础课程1……………使用记事本

 

************************************************01__1使用记事本　

　记事本是一个小巧的文本编辑器，可以用它来完成代码的输入，保存成网页以后用浏览器来查看，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　2、使用记事本

　1）记事本一般输入文本，试着输入“Hello,world!”，然后按一下回车键，注意空格和大小写；

　

　2）切换到中文输入法，输入“美丽的校园”，建议使用紫光输入法，中英文切换比较方便；

　

　3）点菜单“文件－保存”命令，出来一个另存为对话框；

　　

　4）保存的时候按照从上到下的顺序，

　在上面找到自己的文件夹，在下面的文件名中输入“使用记事本.html”，保存类型选择“所有文件”，然后点“保存”按钮，

　注意文件名从点开始都是英文的“.html”；

　

　5）保存成功以后，在标题栏中出现文件的名称，在自己的文件夹中有了一个网页文件“使用记事本”；

　　

　6）双击打开这个文件后，会显示一个网页；

　

　本节学习了记事本的启动和使用方法，如果你成功地完成了练习，请继续学习下一课内容；

***************************************************01

引用 HTML 基础入门教程——第01课………………字体颜色

博客相关   2010-01-28 06:49   阅读6   评论1  

字号： 大大  中中  小小

 

引用

玫瑰夫人 的 HTML 基础入门教程——第01课………………字体颜色

 

一、字体和颜色　

　HTML用代码设定文字的颜色、字体，从而产生不同的效果，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“字体颜色.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、输入内容

　1）字体颜色是用color代码来标识，颜色可以用英语单词或数字代码，输入下列内容；

　

　2）输完第一行后按两下回车键到下一行，接着输入下列内容，

　字体是用face标识，可以直接用字体的名称；

　

　3）再按两下回车到下一行，输入下列内容，

　字号大小是用font-size标识，px是磅；

　

　4）点菜单“文件－保存”命令，保存一下文件，然后按两下回车，输入下列综合的代码；

　

　保存一下文件，然后到自己的文件夹中，找到“字体颜色”文件，双击打开看一下效果如何；

　

　本节学习了设置字体、字号、颜色的基本方法，如果你成功地完成了练习，请继续学习下一课内容

 

*****************************************************02

引用 HTML 基础入门教程——第02课………………段落换行

博客相关   2010-01-28 06:50   阅读4   评论1  

字号： 大大  中中  小小

 

引用

玫瑰夫人 的 HTML 基础入门教程——第02课………………段落换行

 

二、段落和换行　

　上一节我们学习了字体修饰，这一节我们来学习怎样分段和换行，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“段落换行.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、输入内容

　1）在工作区中输入下列内容： 　

　这儿的

...

标签，就是段落标记；

　2）按两下回车键，接着输入下列内容：

　

　这儿的
是换行标记，也就是相当于按一个回车；

　3）按Ctrl＋S组合键保存一下文件，在自己的文件夹中找到“段落换行”文件，双击打开，看一下页面效果；

　

　本节学习了文字段落和换行的方法，如果你成功地完成了练习，请继续学习下一课内容；

 

*****************************************************03.

引用 HTML 基础入门教程——第03课………………文字对齐

博客相关   2010-01-28 06:51   阅读2   评论1  

字号： 大大  中中  小小

 

引用

玫瑰夫人 的 HTML 基础入门教程——第03课………………文字对齐

 

三、文字对齐　

　这一课我们来学习文字对齐，对齐一般有左对齐、右对齐、局中对齐等，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“对齐.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、输入内容

　1）在工作区中输入下列内容；

　

　这儿的align是对齐标签，left是左；

　2）按两下回车，继续输入下列内容；

　

　这儿center是居中对齐，按Ctrl＋S保存一下文件；

　3）再按两下回车，继续输入下列内容；

　

　这儿right是右对齐，按Ctrl＋S保存一下文件，

　在自己的文件夹中找到“对齐”，打开后的效果应该是：

 

古诗二首

画

远看山有色，

近听水无声。

春去花还在，

人来鸟不惊。

作者：王维

　本节学习了文字对齐的基础知识，如果你成功地完成了练习，请继续学习下一课内容；

 

******************************************************04

引用 HTML 基础入门教程——第04课………………放置图片

博客相关   2010-01-27 19:37   阅读4   评论1  

字号： 大大  中中  小小

 

引用

玫瑰夫人 的 HTML 基础入门教程——第04课………………放置图片

 

四、放置图片　

　前面我们学习的是文字效果，这一课我们来学习，如何在页面中放置图片，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“放置图片.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、输入内容

　1）在工作区中输入下列内容：

　

　这儿的img就是图片标识，后面的src是图片地址，border是边框；

　2）按Ctrl＋S组合键保存一下文件，按两下回车键，接着输入下列内容，这次把边框加上：

　

　复制图片地址的方法是，在图片上敲右键选“属性”命令，复制中间最长的一段；

　

　3）按Ctrl＋S组合键保存一下文件，在自己的文件夹中找到“放置图片”文件，双击打开，看一下页面效果；

　 　 　注意：如果不能上网，则按下列操作： 　1）把本课文件夹中的 aywh 文件复制到自己的文件夹中， 　2）把代码中改成

　本节学习了设置字体、字号、颜色的基本方法，如果你成功地完成了练习，请继续学习下一课内容；

 

***************************************************************05

引用 HTML 基础入门教程——第05课………………播放音乐

博客相关   2010-01-27 19:38   阅读5   评论1  

字号： 大大  中中  小小

 

引用

玫瑰夫人 的 HTML 基础入门教程——第05课………………播放音乐

 

五、播放音乐　

　前面我们学习的是文字效果，这一节来学习播放音乐，音乐一般用embed标签，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“播放音乐.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、输入内容

　1）在工作区中输入下列内容，输入的时候细心，看清英文字母：

　

width="300" height="45" type="audio/x-pn-realaudio-plugin"

c autostart="0"loop="-1">

　这儿的src标后面是音乐地址，autostart是自动开始，loop是循环，如果要隐藏播放器，可以加一个hidden="-1"，或者简单的把宽度和高度设为"0"；

　2）音乐必须是发到网上的有效链接地址，得到音乐地址的方法是，在播放器上敲右键，选“属性”命令，复制中间最长的；

　

　3）按Ctrl＋S组合键保存一下文件，在自己的文件夹中找到“播放音乐”文件，双击打开，看一下页面效果；

　

　如果提示“安全警报”，点一下黄色的安全条，选“允许阻止的内容”，然后点击播放按钮即可；

　　

　如果音乐不能播放，提示错误或“准备就绪”，就换一个有效的音乐地址；

　注意：如果不能上网，则按下列操作：

　1）把本课文件夹中的 ifhappy文件复制到自己的文件夹中，

　2）把代码中第一行改成

　

　本节学习了播放音乐的基本方法，如果你成功地完成了练习，请继续学习下一课内容；