html语言翻译.docx

html语言翻译.docx

《html语言翻译.docx》由会员分享，可在线阅读，更多相关《html语言翻译.docx（23页珍藏版）》请在冰豆网上搜索。

html语言翻译

html语言基本常识

  标志着html文件的开始与结束

头部标志符

网页的标题

构成web的主体

1.background定义网页的背景图案

2.bgcolor  背景色（默认白）

3.text文字颜色（默认黑）

4.link  超链接颜色（默认蓝）

5.alink当前被选中的超链接颜色（默认红）

6.vlink已被访问过的超链接颜色（默认紫）

标志符可以控制字符的样式

1.face设置文字的字体效果

2.color设置文字颜色

3.size设置字体大小

粗体         删除线

大字体下标

斜体          上标

删除线           下划线

小字体

设置文件中的标题      n  1~6的数字

（paragraph）划分段落

1.width  水平线长度

2.size  水平线粗细

3.noshade  无阴影

4.align  水平线的对齐方式（leftcenterright）

5.color  水平线颜色

  强制换行（没有结束标志符）

1. ......
2. ......

.......

（两个属性:

typestart）

• ......
• ......

......

type  disc实心圆circle空心圆square方框）

实现超链接

1.href  定义超链接所指向的文档的URL

2.target  目标窗口

3.name  锚名称（该属性一般在创建页面内超链接时使用）

使用a标志符创建超链接时，可以使用相对路径（同一网站内的文件），也可以使用绝对路径（指向本站点以外的文件）

.....

创建网面内超链接逻辑上分为两步，首先定义锚点，然后再创建指向锚点的超链接

电子邮箱地址">指向电子邮箱的超链接

插入图像

1.src  设置被引用的图像文件所在的位置

2.alt设置图像的简单文字说明

3.width,height  设置图像的宽度与高度

4.align  对齐方式（left,right,top,bottom,middle）

5.border  边框宽度

6.hspace,vspace  定义了图像与周围元素的水平和垂直间距

......

  定义了图像映射的区域

img通过usemap可以确定与所建立的图像映射区域的关系

area定义图像不同区域与不同文档之间建立链接

   1.shape  形状（rect矩形circle圆poly多边形）

     2.coords  坐标

     3.target  目标窗口

     4.alt  替换文字

......

table可以创建一个新的表格

1.width（宽）,height（高）

2.border（边框）

3.bgcolor（背景颜色）

4.align（对齐方式leftrightcenter）

5.cellpadding（填充距）

6.cellspacing（单元格间距）

7.rules（分隔线none无分隔线groups在行列之间有rows只有行分隔线cols只有列all所有）

8.frame（边框void无边框above只显示顶部边框below只显示底部边框hsides只显示顶，底部边框vsides只显示左右边框lhs显示左边框rhs显示右box显示所有）

表行

1.align对齐方式（leftcenterright）

2.valign  垂直对齐方式（topmiddlebottombaseline）

3.bgcolor背景颜色

表格数据

1.width（宽）,height（高）

2.align（对齐方式leftrightcenter）

3.valign   （topmiddlebottom）

4.bgcolor  背景颜色

5.rowspan  单元表的行数

6.colspan  单元表的列数

......

frameset是将窗口分割成若干个子窗口，子窗口数取决于frame的个数

标记符来标识子窗口（无结果符）

1.name

2.src（源）设置框架内容的URL

3.frameborder（框架边框）

4.marginwidth  （框架的左右边距）

5.marginheight（框架的上下边距）

6.scrolling（是否显示滚动条auto自动yes显示no不显示）

7.noresize（不允许调整框架的尺寸）

超链接内容

1._top表示将超链接的目标文件装入整个浏览器窗口

2._self表示将超链接的目标文件装入当前框架，以取代该框架中正在显示的文件

3._blank表示将超链接的目标文件装入一个新的浏览窗口

4._parent  表示将超链接的目标文件装入当前框架的父框架

定义了一个页面内的框架

1.src（源）设置框架内容的URL

2.name

3.width,height

4.align（topmiddlebottom）

5.frameborder（框架边框）

6.marginwidth（框架左右边框）,marginheight（框架上下边框）

7.scrolling（是否显示滚动条autoyesno）

1.method（方法）定义表单的提交方式

2.action（动作）指定表单所对应的处理程序

  定义了一个用于用户输入的表单元素（无结束标记符）

1.name标识表单元素

2.type指定表单元素的类型（text文本password密码checkbox复选框radio单选框submit提交按钮reset重置按钮）

将type指定为text,在浏览器中显示一个文本输入框，供用户输入信息

1.value  （初始值）

2.size  （尺寸）

3.maxlength（输入文本的最大字符数）

密码文本框

例:

复选框

例:

你的爱好:

音乐

体育

其它

单选框

例:

提交按钮

重置按钮

图像提交按钮

定义一个用于用户多行输入的表单元素

1.name  指定文本域的名称

2.rows  指定文本域的高度

3.cols  指定文本域的宽度

......

定义了一个选项列表表单元素

1.name  指定选取项列表的名称

2.size  指定列表选项显示时一次显示选项的数目

3.multiple使用该属性可以允许多重选择

4.value  指定当该选项被选中并提交后，浏览器传给服务器的数据

5.selected指定哪一个选项在默认状态下是选中状态

选中该控件

创建一些滚动字幕

1.direction（方向leftrightupdown）

2.behavior（行为scroll绕圈滚动slide只滚一次alternate来回滚动）

3.loop（循环）

4.scrollamount（滚动的速度）

5.scrolldelay（滚动延时）

6.align（对齐方式topmiddlebottom）

7.bgcolor

8.height,width

9.hspace,vspace（垂直和水平间距）

......

  applet用来在网页中插入一个Java小应用程序对象

1.code（源代码）指定Java小应用程序的源代码文件（.class文件）

2.name

3.width,height

4.align

param用来定义Java小应用程序中的参数

1.name

2.value（值）给变量赋值

3.valuetype（值类型data表示value指定的值将作为一个字符串传递的对象

ref表示value指定的值是一个URL

object表示value指定的值是一个指向同一文档中一个object的标志符）

4.type（类型）当valuetype属性的值设置为ref时，此属性指定了URL所代表资源的内容类型

object可以定义很多种不同的多媒体文件

1.classid:

该属性指定了浏览器中用来播放相应多媒体对象的控件ID

2.codebase:

定义多媒体文件相对位置的根目录

3.codetype:

指定当下载由classid所指定的对象时使用的数据内容的类型

4.data:

定义多媒体文件的位置

5.type:

定义多媒体文件的类型

6.width,height

selector{property1:

value1;property2:

value2......}selector表示需要应用式样的对象

property表示由css标准定义的样式属性

value表示样式赂性的值

例:

h2{text-align:

center;font-family:

楷体_gb2312}

selector.classname{property1:

value1;......}标记符类

.classname{property:

value;......}通用类

#IDname{property:

value;......}用户定义ID

虚类

a:

link或:

link当超链接末被访问过时，超链接的显示方式

a:

visited或:

visited当超链接已经被访问过时，超链接的显示方式

a:

active或:

active当超链接当前为选中姿态时，超链接的显示方式

a:

hover或:

hover当鼠标指针悬停在超链接上时，超链接的显示方式

例:

a:

link{color:

blue}

长度单位

1.em:

它所代表的长度是当前字体中m字母的宽度

2.ex:

它所代表的长度是当前字体中x字母的高度

3.px:

像素，它是相对于计算机屏幕的分辨率来定义的

in:

英寸，1in=2.54cm1cm=10mm

pt:

点,1点=1/72inpc:

帕1帕=12点

font-family（字体族）

font-family:

字体名称|字体族名称

例：

p{font-family:

黑体，宋体，serif}

font-style（字体风格）

font-style:

字体风格名称

例:

p{font-style:

oblique}

font-size（字体大小）

font-size:

绝对大小|相对大小|百分比

font-variant（字体变形）

font-varient:

字体变形值

1.normal（普通）

2.small-caps（小型大写字母）

font-weight（字体加粗）

font-weight:

字体加粗值

1.normal（普通）

2.bold（加粗）

3.bolder（更粗）

4.lighter（更细）

letter-spacing（字符间距）

letter-spacing:

数值

text-decoration（文字修饰）

text-decoration:

文字修饰效果

1.none无

2.underline下划线

3.overline上划线

4.line-through删除线

5.bink闪烁

text-transform（文本转换）

text-transform:

文本转换方式

1.none无

2.capitalize使所有单词的第一个字母大写

3.uppercase使所有单词字母都大写

4.lowercase使所有单词字母都小写

text-align（文本对齐方式）

text-align:

对齐方式

1.left

2.right

3.justify可调整

text-indent（文本缩放）

text-indent:

缩放的数值

line-height（行高）

line-height:

数值

margin（页边距）

margin:

数值

padding（填充距）

padding:

数值

例：

table{padding:

2cm3cm5cm}上填充距2cm,左右填充距为3cm,下填充距5cm

border-style（边框样式）

border-style:

边框样式

1.none

2.dotted点线

3.dashed虚线

4.solid实线

5.double

6.groove凹线

7.ridge凸线

8.inset内陷

9.outset外凸

border-color（边框颜色）

border-color:

颜色值

border-width（边框宽度）

border-width:

数值

1.thin细

2.medium中

3.thick宽

border（边框）

border:

边框样式|边框宽度|边框颜色

常用的HTML代码

一、文字标记

基本代码如下：

插入文字

align=center　表示字体居中，可选值为居右（right）居左（left）

color=颜色代码

face=字体　常用字体为：

宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大

1.字体变化..........

a.字体大小..........#=1~7；数字愈大字也愈大

b.指定字型..........

c.文字颜色..........

              rr：

表红色（red）色码

              gg：

表绿色（green）色码

              bb：

表蓝色（blue）色码

              rrggbb也可用6位颜色代码数字

2.粗体字..........

3字体加粗..........和标签差不多的效果

4.换行（也称回车）

5.分段标记

  文字的对齐方向#号可为left：

表向左对齐（预设值）center：

表向中对齐right：

表向右对齐P.S.之后的文字都会以所设的对齐方式显示，直到出现另一个改变其对齐方向，遇到

或标签时会自动设回预设的向左对齐。

6.区隔标记

称为区隔标记。

作用：

设定字、画、表格等的摆放位置。

应用于StyleSheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织能力，有Class;Style;title;ID等属性。

。

以为例：

align="center"

可选值：

center;left;right。

决定字、画、表格等居中、靠左或靠右。

的作用和居中标记

一样。

。

注：

其实常用跟

标签的效果差不多，但是功能比

相对强一些。

。

。

7.分隔线

---

a.分隔线的粗细

b.分隔线的宽度

c.分隔线对齐方向

    #号可为left：

表向左对齐（预设值）center：

表向中对齐right：

表向右对齐

d.分隔线的颜色

e.实心分隔线

8.居中对齐

..........跟........

,........

效果基本是一样的。

。

。

9.文字移动标记..........

    滚动内容

    移动速度指令是:

scrollAmount=#    #最小为1，速度为最慢；数字越大移动的越快。

    字符移动每步的延时:

scrolldelay=#    属性值为数字，#最小为1，数值越大速度越大，反之亦然。

    移动方向指令是：

direction=#          up向上、down向下、left向左、right向右。

     属性值为scroll：

文字单向移动，side：

移动到边界停止，alternate：

到边界后反向移动；

    align，对齐方式，其属性值为center，left，right，top,middle,bottom，分别表示居中，左对齐，    右对齐，对齐上沿、中间、下沿；

    bgcolor，移动字符的背景色，属性值为颜色代码，可以是rrggbb16进制数码，r=red，g=green，    b=blue，也就是色彩中的三原色，也可是预定义色彩；

    loop，移动字符的循环次数，属性值为数字，若未指定则循环不止（infinite）；

    width及height，文字高度和宽度，以象素为单位，属性值为数字；

    hspace字符左右留白长度，属性值为数字；

    vspace字符上下留白长度，属性值为数字；

scrollamount字符的移动速度，属性值为数字，数值越大速度越大，反之亦然；

    常用指令举例：

..........

a.啦啦啦，我会移动耶！

b.啦啦啦，我从右向左移！

啦啦啦，我从右向左移！

c.啦啦啦，我一圈一圈绕着走！

啦啦啦，我一圈一圈绕着走！

d.啦啦啦，我来回走耶！

啦啦啦，我来回走耶！

e.啦啦啦，我走一步，停一停！

啦啦啦，我走一步，停一停！

二、图片标记

1.插入图片

2.设定图框--border

3.设定图形大小--width、height

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

html 语言 翻译

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

该用户的其他资源 更多>>

• 《公务员财产申报制度》.docx

• 《儿童口腔病学》汇总题库集.docx

• 《建筑施工组织与管理》教案教学内容.docx

• 《班委选举细则》.docx

• 《光伏组件监造技术标准》.docx

• 《年终表彰大会讲话稿 表彰大会致辞稿》.docx

• 《听颖师弹琴》《李凭箜篌引》分别鉴赏及对比鉴赏加练习人教版高一选修.docx

• 《鹬》分镜头脚本.docx

• 5套打包宜昌市小学四年级语文上期中考试单元测试题及答案.docx

• 16开纸田字格word字帖模板.docx

• 315食品安全活动策划书.docx

• CFG桩基础施工方案详解.docx

• 08人机工程学中英文资料外文翻译文献.docx

• 《读古典名著口百味人生》获奖精品省优获奖教案 部编版语文精品.docx

• 《功课很重要》教案1学习资料.docx

• 《冷拼工艺》教案.docx

• 《唐人街探案3》电影观后感《唐人街探案3》心得作文5篇.docx

• 《C语言程序设计》习题.docx

• 《幼儿园课程游戏化的实践研究》.docx

• 4现场管理档案.docx

• 13级西医专业基础综合测评答.docx

• 100部校园电影全.docx

• CAD制图标准.docx

• 《分数除法一.docx

• edb72192ac02de80d4d8d15abe23482fb5da0291.docx

• H236车联网资料路尚行业版OMP操作手册服务商0618.docx

• jarlasscon门机.docx

• 《百分百责任学习心得》.docx

• 《管理学基础》习题18章单凤儒.docx

• 《旅游专业日语》课程实施方案.docx

• 《铁路旅客运输服务》学习指导书.docx

• 《预算会计》课程标准.docx

猜你喜欢

• 二手车评估师试题.docx

• 一级市政公用专业复习资料.docx

• 房产评估个人工作总结模板标准版2篇.docx

• 一年级美术下册备课新.docx

• 分段计费试题及答案051410doc.docx

• 一年级语文下册知识点梳理.docx

• 富阳概况及人文历史.docx

• 钢结构设计原理题库及答案.docx

• 医疗器械质量记录全套表格.docx

• 医师年终工作总结范文3篇工作总结.docx

• 高考英语真题分类汇编专题09说明文类阅读理解.docx

• 高效体能训练教案.docx

• 高原施工安全实用措施.docx

• 高中数学平面向量易错点讲解模拟考试题练习.docx

• 高中政治全部术语.docx

• 译林版新教材五年级英语上册Unit1教案.docx

• 音乐网站的设计与实现论文.docx

• 银行业从业人员资格考试个人理财考前强化试题及答案解析九.docx

• 工作饱和度分析与流程与表单.docx

关于本文

本文标题：html语言翻译.docx
链接地址：https://www.bdocx.com/doc/23716653.html

相关资源 更多

• 人才培养方案汇报课件.ppt
• 行政执法证考试题库答案注解.docx
• 防止电力生产事故的二十五项重点要求实施细则.docx
• 走遍美国中英对照文本.docx
• 计算机应用基础教程（Windows10+Office2016）PPT全套完整教学课件.pptx
• 产科大出血典型病例分析.docx
• 史上最全的英语单词记忆表.docx
• 矿业类词汇汉英全解.docx
• 南宁职业技术学院建设任务书.docx
• L06J002建筑作法图集内容.docx

相关搜索

html 语言 翻译

热门标签

• 20年高校工
• 文一文搞定合伙人律师
• 环境创设评比活动
• 英语将来完成
• 售后客服个人
• 精编砂石加工设计
• 届高考化学二轮复习题型特训精编40题化学实验基础答案+解析高考化学
• 酒店外排工程施工方案
• 欢乐的元旦联欢会联欢会作文350字初一记事欢乐元旦
• 户外导航入门精通