HTML基本语法
Html的基本语法
1.1 Html概况
1.1.1 什么是Html
Html英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。是所有的internet站点的共同的语言,所有的页面都是以Html格式的文件为基础,再加上其他语言工具(例JavaScript、VBScript等)构成。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台。
Html文件扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。Html语言使用标签对的方法编写文件,它通常使用<标签名>标签名>来表示标签的开始和结束。在Html文档中这样的标签对一般是成对使用的。
1.1.2 为什么要学习Html
通过前面的学习我们知道,Micromedia公司的Dreamweaver是“所见即所得”的网页制作工具,使用它可以直接开发网页,而不用费劲的书写代码,这使得用户在没有Html语言基础的情况下,照样可以设计网页,而相应的Html文档由开发工具自动编写,这是网页图形编辑工具的最大优点,同时也是它最大的不足。受到图形编辑工具自身的约束,将产生大量的垃圾代码。所以,我们应该在掌握图形编辑工具的基础上进一步学会HTML语言,从而知道哪些是垃圾代码,消除无用的代码,制作出高质量的网页。
1.2 Html文档的结构
超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
头部信息
文档主体,正文部分
·2·网页设计与制作实用教程
其中在最外层,表示这对标记间的内容是HTML文档。我们还会看到一些网页省略标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。
之间包括文档的头部信息,如文档总标题等,若不需要头部信息则可省略此标记。 标记一般不能省略,它表示正文内容的开始。下面是一个最基本的超文本文档的源代码:
欢迎光临我的主页
这是一个我的第一个网页
━┓
┃
文件头
━┛
━┓
┃
┃
┃
┃文件体┃
┃
━┛
1.3 标签的格式
1.3.1 标签的作用
HTML标签是组成HTML文档元素,每一个标签描述了一个功能。HTML标签两端有两个包括字符:“<”和“>”,这两个包括字符被称为角括号。HTML标签一般成对出现,比如
1.3.2 标签的分类:
标签分为单标签,双标签两种。
单标签:只需单独使用就能完整地表达意思,这类标记的语法是:
< 标签名称>
最常用的单标签是
, 它表示换行。
双标签:它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签
附录HTML的基本语法·3·
前加一个斜杠(/)即成为尾标记。这类标记的语法是:
<标签> 内容 标签>
其中“内容”部分就是要被这对标记施加作用的部分
1.3.3 标签的属性:
为了增强标签的功能,许多单标记和双标记的始标记内可以包含一些属性,其语法是:<标签名字属性1=“属性值1”属性2=“属性值2”属性3=“属性值3”… > 各属性之间无先后次序,属性值应该被包含在引号中,常用双引号,但是单引号也可以使用,在有些情况下,比如说属性值本身包含引号,就得使用单引号。
比如:name='John "ShotGun" Nelson'。
注意:中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号,属性也可省略(即取默认值)。
1.4 基本标签
1.4.1 用于创建Html文档
标签用于Html文档的最前边,用来标识Html文档的开始。而标签恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,这对标签必须成对使用。
1.4.2
和构成Html文档的头部分,在此标签对之间可以使用1.4.3 网页标题
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在
1.4.4
是Html文档的主体部分,在此标签对之间可包含、
、、
、、
等众多的标签,它们所定义的文本、图像等将会在浏览器的框内显示出来。该标签必须成对使用。标签中还可以有以下属性:
·4·网页设计与制作实用教程
色彩rrggbb是用16 进制的红-绿-蓝(red-green-blue, RGB) 值来表示。
例: body.html
静晚思
床前明月光,疑是地上霜。
举头望明月,低头叫故乡。
1.5 格式标签
1.5.1 段落标签
格式:
说明:
标签是用来创建一个段落,在此标签之间加入的文本将按照段落的格式显示在浏览器上。HTML自动在一个段落前后各添加一个空行。align可以控制段落的对齐方式,取值为:Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。
例:
浣溪沙
一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。
无可奈何花落去,似曾相识燕归来。小园香径几徘徊。
1.5.2 换行标签
附录HTML的基本语法·5·
当需要结束一行,并且不想开始新段落时,使用
标签。
标签不管放在什么位置,都能够强制换行。它是单标签。
例:
浣溪沙
一曲新词酒一杯,去年天气旧亭台,
夕阳西下几时回。
无可奈何花落去,
似曾相识燕归来。小园香径几徘徊。
1.5.3 文章标题标签Hn
一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签
〈H1>…第一级标题
〈H2>…第二级标题
〈H3>…第三级标题
〈H4>…第四级标题
〈H5>…第五级标题
〈H6>…第六级标题
例:
这是一行普通文字
〈H1>一级标题
〈H2>二级标题
〈H3>三级标题
〈H4>四级标题
〈H5>五级标题
〈H6>六级标题
1.5.4 预格式化文本
为控制换行和空格,可以预先设定好文本的格式
例:
浣溪沙一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。
无可奈何花落去,似曾相识燕归来。小园香径几徘徊。
·6·网页设计与制作实用教程
1.5.5 环绕标签
格式:
说明:方向属性direction=# #=left,right,up,down
例:
方式属性bihavior=* 8=scroll,slide,alternate
例:
循环次数loop,若未指定则循环不止(infinite)
速度属性scrollamount=数字延时属性scrolldelay=数字
例: 面积属性height=数字width=数字
例:
啦啦啦,我会移动耶!
这些属性可以单独使用,也可混合使用,下面是一个综合实例:
例:制作滚动的新闻
其中id为这段文本的名称,要注意的是一个环绕标签只对一个段落起作用。
1.6 图像标签
1.6.1 图像标签
在网页中插入图像的标签为,它是单标签,语法格式为:
说明:src为必带属性,它给出了图像的位置,一般是是相对地址,或某个网址。
附录HTML的基本语法·7·
例:
Align属性设置图像的对齐方式,它可以取值top,middle,bottom 。
border属性是图像的边框,可以取大于或者等于0的整数,默认单位是像素。
width和Height属性是图像的宽和高,默认单位也是象素。
alt属性是在浏览器装载图像失败的时,告诉用户所丢失的信息,此时,浏览器显示这个“交互文本”来代替图像。给页面上的图像都加上alt属性是一个好习惯,它有助于更好地显示信息,而且对纯文本浏览器很有用。例:
1.6.2 水平线标签
标签是在Html文档中加入一条水平线,它是单标签,可以直接使用。
格式:
说明:size属性设置水平线的厚度
Width属性设定水平线的宽度,默认单位是像素
color属性设置颜色,noshade属性不用赋值,而是直接加入标志即可使用,它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。
例1:
例2:
1.7 链接标签
1.7.1 文字链接:
格式: 要链接的文字
说明:href是必带的属性,url为链接要转到的目标网页,它可以是相对地址,也可以是另一个网站的网址。
Target属性:定义在什么地方打开链接地址,它可以取值:_blank 、_top、self 、_parent等值。
1.7.2 图像链接:
说明:url1为点击链接后要转到的目标网页,url2为被链接的图片地址。
·8·网页设计与制作实用教程
点击next.gif后转到lastpage.htm页.
1.7.3 电子邮件链接
格式: 文字
说明:EMAIL为接收邮件的邮箱。
例:联系我们
1.7.4 锚点链接:
格式:格式:文字
说明:name属性用来创建一个命名的锚。锚名相当于文章中的一个标签。使用命名锚以后,可以让链接直接跳转到一个页面的某一章节,而不用用户打开那一页,再从上到下慢慢找。它要和 .配合使用。
锚点命名好后,进行链接只要在url后加#,再接锚名即可。例:在网页wenzang.htm中命名了三个锚点,
在网页school.htm中,要链接到wenzang.htm的第二节,
1.8 表格标签
常用属性:
附录HTML的基本语法·9·
例1:三行二列表:
班级 | 姓名 |
---|---|
一班 | 李芳 |
二班 | 刘军 |
例2:只显示上下边框
班级 | 姓名 |
---|---|
一班 | 李芳 |
二班 | 刘军 |
例3:只显示列分隔线
班级 | 姓名 |
---|---|
一班 | 李芳 |
二班 | 刘军 |
·10·网页设计与制作实用教程
1.9 框架标签
可以用框架把页面分割成几个窗口,在不同窗口打开不同的文件。
1.9.1
这是一对双标签,它有两个常用属性:cols、rows,cols是把页面纵向分割成若干个窗口,rows 是把页面横向分割成几个窗口。
1.9.2 帧标签
它是单标签,用来指定在每一个窗口要打开的文件。把页面分割成窗口后,若没有使用,则窗口显示为空。常和
标签把页面纵向分割成两个窗口,第一个窗口的宽度占30%,在第一个窗口中打开a.html,第二个窗口宽度占70%,在其中打开b.html。分割的比例也可用像素来表示,或剩余值用*表示。例:格式:
说明:src属性用来指定在窗口中打开的文件名
name 属性:用来给窗口命名。
scrolling 属性:用于描述窗口是否设有滚动条,可以取值:yes/no/auto,默认auto
noresize 属性:是一个标志,没有取值,设定了该属性,则窗口不能调整大小,缺省为可以自行调整窗口大小。noframeset> 标签,对于不支持框架的浏览器,可以用该标签给出一个说明。
若要在多窗口中相互操作,我们要用到标签和target属性。对上例进行修改:
附录HTML的基本语法·11·
b.html文件中和内容为:
1.9.3 内框架
这是一对双标签,如果想在表格或框架内调入一个外部文件,可以使用内框架标签,也称浮动窗口。
格式:Iframe标记的使用格式是:
说明:src:文件的路径,既可是HTML文件,也可以是文本、ASP等;
width、height:“内部框架”区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Y es,则显示;
name:框架的名字,用来进行识别。
例:
1.10 表单标签
表单的基本语法
说明:#表单的名称
*提交表单的方法:有GET、POST两种,GET方法把表单信息作为字符串附加在action所设
·12·网页设计与制作实用教程
定的URL后面,中间用“?”隔开,CGI程序可以用query、string环境变量去取得FORM所传送的输入信息。系统环境变量的长度限制了输入字符串的长度。POST方法,将输入信息进行包装CGI程序中可以用CONTENT_LENGTH环境变量去决定传送输入信息的长度,再从标准输入(STDIN)的方式将内容读出。
url 处理表单数据的程序文件名,(包括网络路径、网址或相对路径),如:
1.10.2 列表/菜单标签:
格式:
……
说明:Name:表示名称
附录HTML的基本语法·13·
Size:控制同时显示在菜单中的选项条数,如果没有该属性,则缺省为1
Multiple属性:允许用户一次可选多个选项,缺省为一次只能选一项。
例:
1.10.3 多行文本输入域:
格式:
说明:Rows用来设定的行数,cols用来设定的列数。
例:
备注:
1.11 Html实体
在HTML中,有些字符拥有特殊含义,比如小于号“<”定义为一个HTML标签的开始。假如我们想要浏览器显示这些字符的话,必须在HTML代码中插入字符实体。
一个字符实体拥有三个部分:一个and符号(&),一个实体名或者一个实体号,最后是一个分号(;)
想要在HTML文档中显示一个小于号,我们必须这样写:<或者<
使用名字相对于使用数字的优点是容易记忆,缺点是并非所有的浏览器都支持最新的实体名,但是几乎所有的浏览器都能很好地支持实体号。
注意:实体名是大小写敏感的。
最常用的字符实体
其他一些常用的字符实体
·14·网页设计与制作实用教程
在HTML中,最常见的字符实体就是不可拆分空格。
通常,HTML会合并你文档中的空格。假如在你的HTML文本中连续插入了10个空格,其中9个会被去掉。想要在HTML中插入空格,可以使用实体:
英语语法基础入门
英语基础语法知识(一) 第一节词类和句子成分 一、词类 能够自由运用的最小语言单位叫词。根据词的形式、意义及其在句中的作用所作的分类叫词类(parts of speech)。 英语的词通常分为十大类,即名词、冠词、代词、数词、形容词、副词、动词、介词、连词和感叹词。现分别叙述如下: (一)名词 名词(noun)是表示人、事物、地点或抽象概念的名称。例如: foreigner外国人 soap 肥皂Newton牛顿 law 法律freedom自由peace和平 英语名词可分为两大类: < 1。普通名词(common noun)是某一类人、事物、某种物质或抽象概念的名称。例如: teacher教师 market市场rice大米 magazine杂志sound声音production生产 2。专有名词(proper noun)是特定的某人、地方或机构的名称。专有名词的第一个字母必须 大写。例如: Hemingway海明威 Russia 俄罗斯 New York 纽约 United Nations联合国 名词又可分为可数名词(countable noun)与不可数名词(uncountable noun)两种。可数名词有单、复数之分。绝大多数名词的复数形式的构成是在单数名词的后面加-s或-es。例如: shop→shops商店 bus→buses 公共汽车 library→libraries图书馆
toy→toys玩具leaf→leaves树叶 英语中有一些名词的复数形式是不规则的。例如: man→men男人tooth→teeth牙齿datum→data数据 有关名词复数形式构成的具体规则,请参阅有关的英语语法书。 (二)冠词 冠词(article)放在名词之前,帮助说明该名词所指的对象。冠词分为不定冠词(indefinite article)和定冠词(definite article)两种。 不定冠词为a/an,用在单数名词之前,表示某一类人或事物的“一个”。a用在以辅音开头的名词之前,an用在以元音开头的名词之前。例如: a hotel 一家旅馆 a chance 一次机会 a double room一个双人间 a useful book一本有用的书 an exhibition一次展览an honest man一个诚实的人 冠词只有一个,既the,表示某一类人或事物中特定的一个或一些。可用于单数或复数名词前,也可用于不可数名词前。例如: · the TV programs那些电视节目 the house那座房子 the Olympic Games奥运会 (三)代词 代词(pronoun)是用来指代人或事物的词。代词包括: 1。人称代词,如:I, you, they, it等; 2。物主代词,如:my, his, their, our, mine, hers等; 3。反身代词,如:myself, yourself, itself, ourselves, oneself等; 4。相互代词,如:each other, one another等; 5。指示代词,如:this, that, these, those, such, same等;
HTML初级知识点总结最详细的总结
HTML 超文本标记语言,一种规范 预定义,已经定义好的各种标记,只需要我们把对应的标记放到合适的位置 一. HTML基本语法与基本结构(重点) 标记的使用 1、标记一般成对出现,包含开始标记和结束标记 2、标记可以嵌套使用,但是不能交叉使用 3、标记不区分大小写 属性的使用(属性控制内容的格式,额外的格式) 1、书写位置在开始标记中 2、格式:属性名=“属性值”,多个属性之间使用空格分割 3、不同的标记属性可能相同也可能不同 4、属性使用的标记中,只能对本标中的内容记产生影响 5、属性不冲突时,效果叠加,属性冲突时,就近原则 html的基本结构 ----声明网页
----网页的头部信息,单标记,不需要结束标记,换行但不分段 空格符号: 表示一个空格 强制换行符:
4、水平线标记
,单标记 效果:水平线,默认是一个粗细为2px(像素)的线条 属性:size 控制水平线的粗细,取值为整数,单位为像素(px)
初中基本语法知识(全)
基本语法知识 根据词的形式、意义及其在句中的功用将词分为若干类,叫做词类。一个句子由各个功用不同的部分所构成,这些部分叫做句子成分。 学一个词,要学它的发音、拼法、意义,也要记它的词类;更重要的是要了解它和其他词的关系,及其在句中作什么句子成分。如China is in East Asia(中国位于东亚)一句中的China这个单词所属的词类是名词,在句子中作主语。 词类(parts of speech) 英语的词通常分为十大类: 1)名词(noun,缩写为n.)是人和事物的名称,如pen(钢笔),English(英语),life(生活)。 2)代词(pronoun,缩写为pron.)是用来代替名词的词,如we(我们),his(他的) 3)形容词(adjective,缩写为adj.)用来修饰名词,如great(伟大的),honest(诚实的),difficult(困难的)。 4)数词(numeral,缩写为num.)是表示"多少"和"第几"的词,如four(四),eighteen(十八),first(第一),eighth(十八),hundred(一百)。 5)动词(verb,缩写为v)表示动作和状态,如write(写),walk(行走),think(想)。 6)副词(adverb,缩写为。adv.)是修饰动词、形容词和副词的词,如quickly(快),often(经常),very(很)。 7)冠词(article,缩写为art.)说明名词所指的人或物的词,如a,an(一个),the(这,那)。 8)介词(preposition,缩写为prep.)表示名词(或代词)与句子里其它词的关系,如 from(从),in(在…内),between(在…之间)。 9)连词(conjunction,缩写为conj.)是连接词、短语、从句和句子的词,如and(和),because(因为),if(假如)。 10)感叹词(interjection,缩写为int.)表示感情,如。oh(噢),aha(啊哈),hush(嘘)。[注一]属于前六类(名、代、形、数、动、副等词)的词都有实义,叫做实词(notional word)。属于后四类(冠、介、连、感等词)的词没有实义,叫做虚词(form word)。 [注二]不少词可以属于几个词类,如work(工作;动词和名词),fast(快;形容词和副词),since(自从;连词和介词)等。 句子成分(members of the sentence)
HTML基本语法大全讲解
HTML基本语法大全 虽然已经有很多现成的HTML编辑器可以用,不必再自己编写HTML文件,但学习手工编 写HTML文件的必要性的理由在于: 1、现在HTML标准一直在改进中,而现成的HTML编辑器并不一定跟得上HTML的潮流。 2、可以看到,用HTML编辑器编出来的HTML文件结构相当乱,这是因为在编辑过程中, 编辑器并不能真正理会用户的编辑要求,结果反复修改后,就留下不少垃圾。 3、自己编写HTML文件,可以随时将HTML的新发展增加进去,而不用受编辑器的限制。 4、HTML是一种很有意思的语言,它能将你的想法在INTERNET 上很好地体现出来。 HTML语句特点:
1.所有HTML语句大部分都是
2.HTML中对文字的大小写不敏感。 3.所有语句都可以循环嵌套,但要注意嵌套对称。 例:
…….
就是正确的嵌套方法…….
这种书写方法将导致编译错误 一、HTML文档的基本结构 HTML部分:每个HTML文档必须以打开HTML标记开始,以关闭HTML标记结束 说明其间内容为HTML格式文档。 头部分:此部分包含文档的标题、文档使用的脚本、样式表定义等信息,还可以包含 搜索工具和索引所要的其他信息。头部分必须包含在 标记对中 1.HTML基础知识
HTML 学习任何一门语言,都要首先掌握它的基本格式,就像写信需要符合书信的格式要求一样。HTML标记语言也不例外,同样需要遵从一定的规范。接下来将具体讲解HTML文档的基本格式。 HTML文档的基本格式主要包括文档类型声明、根标记、
头部标记、主体标记,具体介绍如下: (1)标记 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML 或XHTML(可扩展超文本标记语言)标准规范,必需在开头处使用标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。 (2)标记 标记位于 标记之后,也称为根标记,用于告知浏览器其自身是一个HTML 文档, 标记标志着HTML文档的开始,标记标志着HTML文档的结束,在它们之间的是文档的头部和主体内容。 在之后有一串代码“xmlns=""”用于声明XHTML统一的默认命名空间。 (3)标记 标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在标记之后,主要用来封装其他位于文档头部的标记,例如字体和颜色的变化 正文区段
关闭换行
英语语法基础知识
英语语法基础知识 第一节词类 (一)名词 名词(noun)是表示人、事物、地点或抽象概念的名称。例如: foreigner外国人soap肥皂Newton牛顿law法律freedom自由peace和平英语名词可分为两大类: 1。普通名词(common noun)是某一类人、事物、某种物质或抽象概念的名称。例如:teacher教师market市场rice大米magazine杂志sound声音production生产 2。专有名词(proper noun)是特定的某人、地方或机构的名称。专有名词的第一个字母必须大写。例如: Hemingway海明威Russia 俄罗斯New York 纽约United Nations联合国 名词又可分为可数名词(countable noun)与不可数名词(uncountable noun)两种。可数名词有单、复数之分。绝大多数名词的复数形式的构成是在单数名词的后面加-s或-es。例如: shop→shops商店bus→buses公共汽车library→libraries图书馆 toy→toys玩具leaf→leaves树叶 英语中有一些名词的复数形式是不规则的。例如: man→men男人tooth→teeth牙齿datum→data数据 (二)冠词 冠词(article)放在名词之前,帮助说明该名词所指的对象。冠词分为不定冠词(indefinite article)和定冠词(definite article)两种。 不定冠词为a/an,用在单数名词之前,表示某一类人或事物的“一个”。a用在以辅音开头的名词之前,an用在以元音开头的名词之前。例如: a hotel 一家旅馆a chance一次机会a double room一个双人间a useful book一本有用的书an exhibition一次展览an honest man一个诚实的人