HTML必备.docx

上传人:b****7 文档编号:8996771 上传时间:2023-02-02 格式:DOCX 页数:36 大小:628.03KB
下载 相关 举报
HTML必备.docx_第1页
第1页 / 共36页
HTML必备.docx_第2页
第2页 / 共36页
HTML必备.docx_第3页
第3页 / 共36页
HTML必备.docx_第4页
第4页 / 共36页
HTML必备.docx_第5页
第5页 / 共36页
点击查看更多>>
下载资源
资源描述

HTML必备.docx

《HTML必备.docx》由会员分享,可在线阅读,更多相关《HTML必备.docx(36页珍藏版)》请在冰豆网上搜索。

HTML必备.docx

HTML必备

HTML网页设计课程语言

一、专业术语

1.HTML标文本标记语言,用于开发网页,不区分大小写

2.网页又叫HTML文档,就是一个文件。

*.html*.htm

3.HTTP超文本传输协议

4.网站网页的集合

5.URL俗称网址,统一资源定位符

二、HTML代码

(1)所有的HTML标记代码必须放在<…>当中

(2)大多数标记都是成对出现的。

<…><…/>

(3)网页的基本结构

(4)常用标记

1.段落标记

……

注:

默认段落与段落之间有空行

例:

我可以接受失败,但我不能接受放弃!

——迈克尔·乔丹

忍耐和坚持虽是痛苦的事情,但却能渐渐地为你带来好处。

——奥维德,古罗马诗人

2.换行标记


注:

这个是单标记

例:

我可以接受失败,但我不能接受放弃!

——迈克尔·乔丹

忍耐和坚持虽是痛苦的事情,但却能渐渐地为你带来好处。

——奥维德,古罗马诗人

放弃时间的人,时间也会放弃他。

——莎士比亚

3.字体加粗、斜体、下划线

……——(bold)加粗

例:

我可以接受失败,但我不能接受放弃!

——迈克尔·乔丹

忍耐和坚持虽是痛苦的事情,但却能渐渐地为你带来好处。

——奥维德,古罗马诗人

放弃时间的人,时间也会放弃他。

——莎士比亚

……——(italic)斜体

例:

我可以接受失败,但我不能接受放弃!

——迈克尔·乔丹

忍耐和坚持虽是痛苦的事情,但却能渐渐地为你带来好处。

——奥维德,古罗马诗人

放弃时间的人,时间也会放弃他。

——莎士比亚

……——(underLined)下划线

例:

我可以接受失败,但我不能接受放弃!

——迈克尔·乔丹

忍耐和坚持虽是痛苦的事情,但却能渐渐地为你带来好处。

——奥维德,古罗马诗人

放弃时间的人,时间也会放弃他。

——莎士比亚

4.上标

标名

例:

23=8

52=25

5.下标

标名

例:

H2O是水的化学名称

6.以斜体显示的段落标记

……

例:

古今之成大事业、大学问者,必经过三种之境界:

“昨夜西风凋碧树,独上高楼,望尽天涯路”,此第一境界也;“衣带渐宽终不悔,为伊消得人憔悴”,此第二境界也;“众里寻他千XX,蓦然回首,那人却在灯火阑珊处”,此第三境界也。

-----王国维

7.网页标题

……

例:

名人名言

古今之成大事业、大学问者,必经过三种之境界:

“昨夜西风凋碧树,独上高楼,望尽天涯路”,此第一境界也;“衣带渐宽终不悔,为伊消得人憔悴”,此第二境界也;“众里寻他千XX,蓦然回首,那人却在灯火阑珊处”,此第三境界也。

-----王国维

8.正文标题

……

………………
……

例:

正文标题

第一级标题

第二级标题

第三级标题

第四级标题

第五级标题

第六级标题

注:

文字都是以粗体显示,从1到6,字体逐渐减小,并且每一个正文标题都是一个段落。

9.将段落缩进

段落

例:

我可以接受失败,但我不能接受放弃!

——迈克尔·乔丹

忍耐和坚持虽是痛苦的事情,但却能渐渐地为你带来好处。

——奥维德,古罗马诗人

放弃时间的人,时间也会放弃他。

——莎士比亚

10.原样输出

文字

例:

我可以接受失败,但我不能接受放弃!

——迈克尔·乔丹

忍耐和坚持虽是痛苦的事情,但却能渐渐地为你带来好处。

——奥维德,古罗马诗人

放弃时间的人,时间也会放弃他。

——莎士比亚

11.插入图片

Width=图片宽度(值可为数字(像素)或百分比,但百分比会随着网页的变化而变化,推荐用数字)

Height=图片高度(值可为数字(像素)或百分比)

Border=图片边框象素

Alt=提示文本

Align=left/right图片在整段文字的左边、右边

Align=top/middle/bottom首行文字位于图片顶部、首行位于图片中间、位下(默认为下)>

例:

假如我不能,我一定要;假如我一定要,我就一定能!


放弃时间的人,时间也会放弃他。

——莎士比亚

12.字体标记

文字

注:

size的值从1到7是逐渐增大的

例:

假如我不能,我一定要;假如我一定要,我就一定能!


放弃时间的人,时间也会放弃他。

——莎士比亚

13.水平线

例:

假如我不能,我一定要;假如我一定要,我就一定能!


放弃时间的人,时间也会放弃他。

——莎士比亚

14.常用的特殊符号

a.空格 一个代表一个空格

b.<输出<

c.>输出>

d."输出“

e.¥输出¥

f.©输出©——一般用于版权之类的

g.®输出®——一般用于注册之类的

例:

空格输出    间的人

小于号输出<

大于号输出>

双引号输出"

钱标记输出¥

版权标记输出©

注册标记输出®

15.无序列表

  • 选项1

  • 选项1

    …………

    例:

  • 星期一

  • 星期二

  • 星期五

  • 星期六

    16.无序列表

  • 选项1

  • 选项1

    …………

    例:

  • 青瓜

  • 萝卜

  • 番茄

    17.定义列表

    条件

    对前面条件的解释

    条件

    对前面条件的解释

    …………

    例:

    俗称可以买东西的物品

    俗称可以掌握钱的人

    18.超链接

    热点

    例:

    现在我要链接到另一个网面了哦

    链接前

    链接后

    19.网页背景色

    例:

    背景颜色为绿色

    20.网页背景图

    例:

    背景为花儿

    21.滚动字幕

    文字

    注:

    脚本资识

    Onmouseover=this.stop()当鼠标移上时,就停下来

    Onmouseout=this.start()当鼠标离开时,就开跑

    例:

    小样儿,来追我呀

    22.使用客户端发送电子邮件

    收件人地址”>热点

    例:

    aa@">我要发电子邮件

    23.背景音乐

    例:

    现在我要播一首背景音乐,不过你看不到播放器哦

    24.插入音乐

    例:

    现在我要插入一首音乐了

    25.插入flash文件

    例:

    现在我要插入一个flash文件了

     

    三、表格

    1.表格基本语法

    ————代表行

    ————代表单元格

    …………

    …………

    …………

    内容内容
    内容内容

     

    2.与表格相关的标记

    表格标记

    行标记

    列标记

    列头标记————以粗体显示,并居中

    表格标题标记

     

    3.与表格相关的属性

    a.border边框粗细,默认为0

    例:

    二行二列的表格

    第一行第一列

    第一行第二列

    第二行第一列

    第二行第二列

    b.bordercolor边框颜色

    例:

    二行二列的表格

    第一行第一列

    第一行第二列

    第二行第一列

    第二行第二列

    c.widthheight宽度,高度

    例:

    二行二列的表格

    第一行第一列

    第一行第二列

    第二行第一列

    第二行第二列

    d.align=left,center,right水平对齐

    例:

    二行二列的表格

    第一行第一列

    第一行第二列

    第二行第一列

    第二行第二列

    e.valign=topmiddlebottom上、中、下。

    垂直对齐,只能设置内容相对单元格对齐,不能对表格对整个网页进行对齐,默认为middle.

    例:

    二行二列的表格

    第一行第一列

    第一行第二列

    第二行第一列

    第二行第二列

    f.bgcolor背景色

    例:

    二行二列的表格

    第一行第一列

    第一行第二列

    第二行第一列

    第二行第二列

    g.background背景图

    例:

    二行二列的表格

    第一行第一列

    第一行第二列

    第二行第一列

    第二行第二列

    i.cellspacing单元格间距

    例:

    二行二列的表格

    第一行第一列

    第一行第二列

    第二行第一列

    第二行第二列

  • 展开阅读全文
    相关资源
    猜你喜欢
    相关搜索

    当前位置:首页 > 高等教育 > 农学

    copyright@ 2008-2022 冰豆网网站版权所有

    经营许可证编号:鄂ICP备2022015515号-1