sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > Html > HTML语言简介

HTML语言简介

作者:xuhongji发布时间:2020-09-04分类:Html浏览:77评论:0


导读:HTML语言简介(详细教程)(HyperTextMarkupLanguage)一、HTML简介:1 扩展名为...

HTML语言简介(详细教程)
(Hyper Text Markup Language)

一、HTML简介:

1 扩展名为HTM或HTML

2 可以编辑文字、图形、表格、动画等资源;

3 标签分类:单独的如<IMG>;成对的如<TABLE>……</TABLE>

二、利用HTML制作简单网页的一般方法:

1 准备好HTML语言的参考手册。

2 设计主页并编写相应的HTML文档。

3 准备好需要在网页中插入的图形或图像文件。

4 用记事本编写HTML代码并存盘。

5 预览效果,修改并存盘。

6 再次预览直至满意为止。

三、HTML基本标签及示例:TEMP1.HTM

<HTML>

<HEAD><TITLE>乐乐之页</TITLE></HEAD>

<BODY>

<CENTER><H2><B><I>这是乐乐“快乐家园”</I></B></H2>

<H1>欢迎你光临</H1>

<H1>乐乐“快乐家园”主页</H1></CENTER>

</BODY>

</HTML>

1 HTML:文件类型
2 HEAD:头信息
3 TITLE:标题
4 BODY:主体

四、Web网页编辑器:

1 Web浏览器主要功能是将HTML文本翻译成可以在计算机屏幕上显示的页面;Web网页编辑器则是实现逆向翻译的功能。

2 常用的有FrontPage2000和Dreamweaver4.03及EditPlus2.1+等。

五、背景和水平线:

1 背景色及正文颜色:

2 背景图像:  

         “bgproperties=fixed”为水印背景效果

3 水平线:


         noshade实心框线

六、文字应用

1 空格的用法:

 ①在汉字输入状态下,设置成全角字符;

 ②利用无框线表格进行分割;

 ③利用<PRE>……</PRE>标记来完成(<PRE>为保留段落格式标签,在其内部的所有空格、空行都原样显示)

2 行操作:

① <BR>:换行;

② <NOBR>:不换行;

③ <P>:独立的P标签相当于空行。

3 文字的对齐:

① <Hn align=left|center|right>.......

② <P align=left|center|right>.......

......

④ ......(<DIV>为块标记)

4 文字的格式化:

① 标题文字:...... n=1,2,3,4,5,6

② 字体大小:...... #=1--7, +1--7,-1--7

③ 字体颜色:...... #=rrggbb 或black white red blue green yellow等

④ 文字效果:加粗、变斜、下划线、删除线、

       上标、下标、变大、变小

⑤ 超级链接:......

               新窗口|原窗口|顶级窗口|父窗口

⑥ 为文字加注释信息:

......

          ......

六、图片的应用:

1 基本应用:

2 加框线:

3 加文字说明: 

4 图片链接:在和间加标记
如:

七、表格的应用:① ②③④⑤⑥⑦⑧

1 基本表格:


......
......
......
......
......

2 表格的宽度和高度及背景色:

3 表格的标题文字和标题行:
① 标题文字:


② 标题行标记:用
标题文字
替代首行的

八、多媒体效果:

1 字幕文字:
① 字幕内容
② behavior=scroll|slide|alternate(显示方式:循环|单程|往复)
③ direction=left|right  loop=n|-1  scrollamount=#  scrolldelay=#
   方向:向左|向右 循环:N次|无限次 位移点数   延迟时间(1/100秒)

2 插入背景音乐:

3 插入AVI视频:(图像标记的DYNSRC属性)

① start=fileopen|moiseover(播放方式:马上播放|移入鼠标播放)
② controls(显示播放面板,但IE5.5以下无效)

九、META

1. 设定默认语系:

2. 自动更新:

3. 自动转向其他HTML:

4. 基底网址:在IE中取得完整的文件或网址路径

例:

十、发送电子邮件的链接:
1. 网管

2. 网管

 第二部分:DHTML简介

Dynamic HTML的组成要素:HTML+CSS+Script
CSS(Cascading Style Sheets)层叠式样式表;
Script:即VBScriptt JavaScript(脚本)

一、样式表的使用:

1. 局部套用的CSS:使用标记的Style属性定义显示的样式。仅作用于那个标记。
......

2. 内建网页的CSS:
  ① 标准标签:在HEAD中定义,正文中直接起作用

  ②  自定义样式:用 .开始定义名称及样式,正文中用“class=名称”来引用

......

3. 外部链接的CSS:建立一个样式表文件,保存为*.css,用<link>引用
 ① 建立 temp.css:
body{font-size:10;font-family:宋体}
span{font-size:20;font-family:楷体}
P{font-size:12;color:yellow;background-color:blue;line-height:25PX}
A:link{font-size:9;color:blue;text-decoration:none}
A:active{font-size:9;color:green;text-decoration:none}
A:visited{font-size:9;color:yellow;text-decoration:none}
A:hover{font-size:9;color:red;text-decoration:underline}

 ② 引用:

二、特效、脚本应用实例

1、打开或关闭窗口时弹出提示信息:TEMP2

2、点击关闭窗口

点击关闭窗口

3、弹出窗口:TEMP3

拷贝下面的代码到你的html文件的和之间;

说明:其中修改红色的长和宽改为你需要的尺寸width=200,height=170,将"test.htm"改为你的文件名即可

  • 欢迎访问我的博客
  •   IP:127.0.0.1
  •   地址:本地
  •   系统:Windows10
  •   浏览器:Chrome47