HTML基本语法大全讲解

合集下载

html中后代选择器,子选择器,相邻选择器,同辈选择器的基本语法

html中后代选择器,子选择器,相邻选择器,同辈选择器的基本语法

在HTML中,后代选择器、子选择器、相邻选择器和同辈选择器是用于选择特定元素及其子元素、后代、相邻元素以及与其同辈元素的方法。

这些选择器在CSS中非常有用,可以帮助我们更精确地控制网页的样式。

以下是这些选择器的基本语法:1. 后代选择器(Descendant Selector): 后代选择器用于选择某个元素的后代元素。

它的基本语法是`element1 > element2`,其中`element1`是父元素,`element2`是其后的子元素。

例如,假设我们有一个`<div>`元素,它有一个`<p>`元素作为其子元素,我们可以使用后代选择器来选择这个`<p>`元素:```html<div><p>这是一段文本。

</p></div>```在这种情况下,如果我们想改变这段文本的颜色,我们可以使用后代选择器:```cssdiv p {color: blue;}```这会将`<p>`元素的文字颜色设置为蓝色。

2. 子选择器(Child Selector): 子选择器用于选择某个元素的直接子元素。

它的基本语法是`element1 + element2`,其中`element1`是其前一个兄弟元素的直接子元素,而`element2`是其同辈元素中的某个元素。

例如,如果我们有一个段落元素,它紧跟在一个标题元素后面,我们可以使用子选择器来选择这个段落:```html<h2>这是一个标题</h2><p>这是一段文本。

</p>```在这种情况下,如果我们想改变这段文本的颜色,我们可以使用子选择器:```cssh2 + p {color: red;}```这会将紧跟在标题后面的所有文本的颜色设置为红色。

3. 相邻选择器(Adjacent Sibling Selector): 相邻选择器用于选择紧接在另一个元素后面的同辈元素。

html教程菜鸟教程

html教程菜鸟教程

html教程菜鸟教程HTML教程——了解HTML的基础知识与技巧HTML是一种标记语言,用于创建网页。

它是Web开发的基础,可以用来描述网页的结构和内容。

在本教程中,我们将介绍HTML的基础知识和常用标记,帮助您快速入门。

第一步:创建HTML文档在开始编写HTML代码之前,我们需要创建一个HTML文档。

HTML文档的文件扩展名通常为".html"。

使用文本编辑器(如记事本)创建一个新文件,并将其保存为"index.html"(或任何你喜欢的名称)。

第二步:添加HTML标记在HTML文档中,我们可以使用不同的HTML标记来创建不同的元素。

这些标记通常由尖括号包围。

下面是一些常用的HTML标记:- `<html>`:定义HTML文档的根元素。

- `<head>`:定义文档的头部,包含了一些元数据,如标题、样式表等。

- `<body>`:定义文档的主体,包含了网页的实际内容。

第三步:使用HTML标记创建网页内容在`<body>`标记中,我们可以使用HTML标记来创建网页的内容。

以下是一些常用的HTML标记:- `<h1>`到`<h6>`:定义标题,其中`<h1>`是最高级的标题,`<h6>`是最低级的标题。

- `<p>`:定义段落。

- `<a>`:定义链接,可以用来跳转到其他页面。

- `<img>`:定义图像,可以在网页中显示图片。

第四步:保存并查看网页完成了HTML代码的编写后,保存文件并使用Web浏览器打开。

在浏览器中,通过打开"index.html"文件来查看您的网页。

如果一切正常,您应该能够看到您创建的网页。

总结这是一个简单的HTML教程,介绍了如何创建HTML文档、添加HTML标记和创建网页内容。

通过学习以上基础知识,您可以开始编写自己的网页,并逐渐掌握更多高级的HTML技巧。

第2章 html基础语法

第2章 html基础语法

第2章目录
第2章 HTML语言基础 HTML语言基础
六、超链接标记
链接-当前页面与其他相关页面间的联结关系;链 接的目标可以是任何图像和文件。若浏览器能识别就显 示,不能识别就下载 格式:<A>…</A> 功能:在当前页面和其他页面间建立链接。 主要属性见附表。 【举例2 【举例2-7】超级链接
第2章目录
第2章目录
功能:分区显示文档(布局)
第2章 HTML语言基础 HTML语言基础
说明:在一个文本块或许多段落中设置布局(对齐) 方式,经常使用DIV,它可以将文档内容分成区块一次 性地布局
注意:★若单个align属性出现在DIV内的标题或段 注意:★若单个align属性出现在DIV内的标题或段 落中,这些值将使全局变量DIV的设置无效 落中,这些值将使全局变量DIV的设置无效 ★DIV不是段落类型,故DIV应与其它标记配 DIV不是段落类型,故DIV应与其它标记配 合使用( 合使用(如P、Hn、UL、BLOCKQUOTE等) Hn、UL、BLOCKQUOTE等 ★也可以用CENTER代替DIV 也可以用CENTER代替DIV
第2章目录
【举例2 【举例2-4】文本标记综合示例
第2章 HTML语言基础 HTML语言基础
四、列表格式标记
1、有序列表 格式:<OL type=“符号类型”> <LI type=“符号类型”>……</LI> <LI type=“符号类型”>……</LI> …… </OL> 功能:建立有序列表
第2章目录
第2章目录
【举例】<Br>标记 【举例】<Br>标记
第2章 HTML语言基础 HTML语言基础

HTML初级知识点总结,最详细的总结

HTML初级知识点总结,最详细的总结

HTML超文本标记语言,一种规范预定义,已经定义好的各种标记,只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构(重点)标记的使用1、标记一般成对出现,包含开始标记和结束标记2、标记可以嵌套使用,但是不能交叉使用3、标记不区分大小写属性的使用(属性控制内容的格式,额外的格式)1、书写位置在开始标记中2、格式:属性名=“属性值",多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中,只能对本标中的内容记产生影响5、属性不冲突时,效果叠加,属性冲突时,就近原则html的基本结构〈html>-—--声明网页〈head〉———-网页的头部信息<title〉标题〈/title〉—---网页的标题</head><body〉—---网页的主体,网页内容主要展示的部分网页的主要内容</body>〈/html〉二. 文本格式的应用1、标题标记<hn>,n的取值1-6,1级标题最大效果:加粗显示,带有自动换行属性:align控制标题的对齐方式,取值left(左对齐,默认值)|center(居中)|right (右对齐)2、段落标记<p〉效果:把内容分段展示,自动换行属性:align,控制段落内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)3、换行符〈br /〉,单标记,不需要结束标记,换行但不分段空格符号:&nbsp;表示一个空格强制换行符:<br /〉4、水平线标记<HR />,单标记效果:水平线,默认是一个粗细为2px(像素)的线条属性:size 控制水平线的粗细,取值为整数,单位为像素(px)width 控制水平线的长度,取值可以是像素单位,也可以是百分数(相对于浏览器窗口百分比)noshade设置水平线不带有阴影,该属性不需要取值color 设置水平线的颜色,取值可以是英文的颜色值,也可以是十六进制的颜色代码align 控制水平线的对齐方式,取值left(左对齐)|center(居中,默认值)|right(右对齐)5、分节标记<div〉效果:把内容设置为一节,前后带有自动换行属性:align控制div中内容的对齐方式,取值left(左对齐,默认值)|center(居中)|right(右对齐)6、居中标记符<center>效果:把center标记中的内容居中显示7、文本控制标记<font>效果:控制字体的各种显示样式属性:size 控制字体的大小,取值为绝对值时,1--7,数字越大字体越大,取相对值时,参考的是默认字体(3号),取值在-2-—+4之间color 控制字体的颜色face 控制字体的字体,取值可以是多个值,多个值之间使用逗号分割,取值时从左往右依次取值,找到合适的值为止,假如都不支持,使用默认格式显示8、字体的物理样式加粗:<b>斜体:〈i>下划线:〈u〉删除线:<s〉上标:<sup〉下标:〈sub>1、常用逻辑字符〈ADDRESS〉网页设计者或维护者的信息,通常显示为斜体<CITE> 表示文本属于引用,通常显示为斜体<CODE〉• 表示程序代码,通常显示为固定宽度字体<DFN> • 表示定义了的术语,通常显示为黑体或斜体〈EM> 强调某些字词,通常显示为斜体〈KBD〉表用户的键盘输入,通常显示为固定宽度字体〈SAMP> 表示文本样本,通常显示为固定宽度字体〈STRONG〉特别强调某些字词,通常显示为粗体<VAR> 表示变量,通常显示为斜体2、列表标记1、有序列表,〈ol〉,需要配合〈li>标记使用一个<li>标记对应一个选项ol的属性:type 控制列表的符号样式,取值1|A|a|i|I,默认是1start 控制列表的起始值,取值为任意的整数li的属性:type控制选项自身的符号样式,取值1|A|a|i|Ivalue控制选项本身的起始值,取值为任意整数,但是修改自身起始值之后,会对同一个列表中本选项之后的同级<li〉标记产生影响2、无序列表,<ul>,配合<li>标记使用一个<li>标记对应一个选项ul的属性:type 控制所有选项的符号样式,取值disc(实心圆,默认值)|circle(空心圆)|square(方块)li的属性:type控制选项本身的符号样式li标记用在ol中,type属性的取值跟ol的type属性取值走,用在ul中,跟着ul的type属性取值走3、定义列表,<dl〉,完成对定义列表的声明<dt>,术语标记,可以理解为类似于列表选项的标题使用〈dd>,描述标记,可以理解为类似于列表的选项使用三. 在网页中使用图片标记:〈img>,单标记,不需要结束标记属性: src 引入图片资源的路径绝对路径:资源在服务器上的位置,该位置是从盘符出发相对路径:资源在服务器上的相对位置,从网页本身出发.。

HTML基本语法

HTML基本语法

什么是 HTML?HTML 是用来描述网页的一种语言。

    HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

    HTML 标签是由尖括号包围的关键词,比如 <html> HTML 标签通常是成对出现的,比如 <b> 和 </b> 标签对中的第一个标签是开始标签,第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签HTML 文档 = 网页   HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页HTML 标题HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

注:1最大HTML 段落paragraphHTML 段落是通过 <p> 标签进行定义的。

HTML 链接HTML 链接是通过 <a> 标签进行定义的。

HTML 图像HTML 图像是通过 <img> 标签进行定义的。

HTML 文档是由 HTML 元素定义的。

HTML 元素HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

开始标签 <p> <a href="default.htm" > <br /> <br> 就是没有关闭标签的空元素(<br> 标签定义换行) 。

在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这 种方式。

html基本语句

html基本语句

创建网页结构和内容的HTML基本语句HTML (Hypertext Markup Language) 是一种用于创建网页结构和内容的标记语言。

下面是一些基本的HTML语句:1.<!DOCTYPE html>: 声明文档类型为HTML5。

2.<html> </html>: 定义HTML文档的根元素。

3.<head> </head>: 定义文档的头部,其中包含了与文档相关的信息,如标题、样式表和脚本等。

4.<title> </title>: 定义文档的标题,显示在浏览器的标题栏或标签页上。

5.<body> </body>: 定义文档的主体部分,包含了要显示在浏览器窗口中的内容。

6.<h1> </h1> 到 <h6> </h6>: 定义标题,从最大的标题h1到最小的标题h6。

7.<p> </p>: 定义段落。

8.<a href="url"> </a>: 创建一个超链接,其中 "url"是目标链接的地址。

9.<img src="image.jpg" alt="描述">: 插入图像,其中 "image.jpg" 是图像的文件路径或URL,"描述" 是图像的替代文本。

10.<ul> </ul>: 定义无序列表。

11.<ol> </ol>: 定义有序列表。

12.<li> </li>: 定义列表项。

13.<table> </table>: 定义表格。

14.<tr> </tr>: 定义表格的行。

HTML基础知识总结

HTML基础知识总结

HTML基础知识总结⽬录标签分类常⽤标签表单框架常⽤的布局组合标签HTML4和HTML5的区别:HTML5 中新增的语义标签 - 了解HTML5 新的表单属性form 新属性input 新属性HTML5 新的表单元素 -- 了解HTML5 中新的 input 类型HTML5 中新增的⾳频HTML5 中新增的视频HTML5 中已经移除的元素转义符号标签的属性:多个属性中间⽤空格< 标签名称属性名 1 = " 属性值 " 属性名 2 = " 属性值 " ></ 标签名称 ><p id = "p1" name = "p1" ></p>标签分类标签分类:块状元素、⾏级元素块状元素:⼀般都是新起⼀⾏,可以容纳⾏内元素和其他块级元素;⾏级元素:⼀般都是语义级别的基本元素,⼀般只能容纳⽂本或者其他⾏内元素。

块状元素和⾏内元素的区别:1 、块级元素会独占⼀⾏,其宽度⾃动填满其⽗元素宽度;⾏内元素会排列到同⼀⾏⾥,其宽度随元素的内容变化⽽变化。

2 、块级元素可以设置宽⾼;⾏内元素设置宽⾼⽆效。

3 、块级元素可以设置 margin , padding 属性;⾏内元素的⽔平⽅向的 padding会有边距效果,但是竖直⽅向的 padding没有效果。

(此处的属性稍后介绍)属于块状元素的:标题标签 h1-h6,段落标签 p ,⽔平线标签 hr,有序列表标签 ol--li,⽆序列表标签 ul--li,定义描述标签 dl-dt-dd,容器标签 div:属于⾏级元素的:范围标签: span图像标签: img基本结构:常⽤标签⽂本标签<h1></h1>段落标签 <p></p>换⾏标签<br/>⽔平线标签 <hr/>范围标签<span></span>图⽚标签<img 属性 />图⽚标签的热点区域<map name="?" /> <atea 形状范围链接标题 / >列表标签:⽆序<ul> <li> <li/> <ul/> 有序<ol> <li> <li/> <ol/>描述标签:图⽂混编 <dl> <dt>(⽂字或图⽚)<dt/><dd>(⽂字说明多个)<dd/> <dl/>布局标签:<div>中间放其他标签的容器<div/>超链接和锚链接:<a><a/>属性 name:锚点 herf:⽬标(⽹页#锚点)规则表格:<table> <tr > <td><td/> <td><td/> <tr/> <table/> <th>标题⾏<th/> align 左右对齐 valign 上下对齐不规则表格:属性 colspan="列数" rowspan="⾏数" 然后把被占的格删掉⾼级标签:标题和逻辑分区标签表格标题:<caption>标题⽂字<caption/>表格逻辑分区:thead tbody tfoot表单id:· 元素的唯⼀表⽰,不重复name: 表单项元素的名称,服务器获取数据通过该名称value: 表单项元素的值,服务器获取数据通过name 获取到的就是 value type: 表⽰表单项元素的呈现形式class: 表⽰样式名称readonly: 表⽰只读,⽤户只能看不能改disabled:表⽰禁⽤,该元素不能改⽽且背景是灰⾊⽂本框:密码框:单选按钮:复选框:⽂件域:⽇期-h5中的新特性:隐藏域:下拉列表框:⽂本域:按钮:提交按钮、图⽚按钮、重置按钮、普通按钮最终效果:地址栏内容:dest.html?userId=1001&userName=lina&password=12312&gender= ⼥ &statu=1&hobby=swim&hobby=movie& headImg=a.png&birthday=2020-10-24T20%3A19& month=3&x=25&y=46框架在⼀个页⾯引⼊其他页⾯ iframe框架集:HTML5已经取消常⽤的布局组合标签div-ul-li/div-ol-li :常⽤于导航布局div-dl-dt-dd: 常⽤于图⽂混编布局div-form: 常⽤于表单布局div-table: 常⽤于局部规则数据展⽰布局HTML4和HTML5的区别:HTML5 中新增的语义标签 - 了解标签描述article 定义页⾯独⽴的内容区域。

HTML语法大全

HTML语法大全

HTML语法⼤全卷标 , 属性名称 , 简介<! - - ... - -> 批注<!> 跑马灯<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=left></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定⾼度<marquee bgcolor=FF0000>...</marquee>设定背景颜⾊<marquee scrollamount=30>...</marquee>设定卷动距离<marquee scrolldelay=300>...</marquee>设定卷动时间<!>字体效果<h1>...</h1>标题字(最⼤)<h6>...</h6>标题字(最⼩)<b>...</b>粗体字<strong>...</strong>粗体字(强调)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表⽰定义)<u>...</u>底线<ins>...</ins>底线(表⽰插⼊⽂字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表⽰删除)<kbd>...</kbd>键盘⽂字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在⽂件中空⽩、换⾏、定位功能有效)<plaintext>...</plaintext>固定宽度字体(不执⾏标记符号)<listing>...</listing> 固定宽度⼩字体...字体颜⾊...最⼩字体<font style =font-size:100 px>...⽆限增⼤<!>区断标记<hr>⽔平线<hr size=9>⽔平线(设定⼤⼩)<hr width=80%>⽔平线(设定宽度)<hr color=ff0000>⽔平线(设定颜⾊)<br>(换⾏)<nobr>...</nobr>⽔域(不换⾏)<p>...</p>⽔域(段落)<center>...</center>置中<!>连结格式<base href=地址>(预设好连结路径)<a href=地址>外部连结<a href=地址 target=_blank>外部连结(另开新窗⼝)<a href=地址 target=_top>外部连结(全窗⼝连结)<a href=地址 target=页框名>外部连结(在指定页框连结)<!>贴图/⾳乐<img src=图⽚地址>贴图<img src=图⽚地址 width=180>设定图⽚宽度<img src=图⽚地址 height=30>设定图⽚⾼度<img src=图⽚地址 alt=提⽰⽂字>设定图⽚提⽰⽂字<img src=图⽚地址 border=1>设定图⽚边框<bgsound src=MID⾳乐⽂件地址>背景⾳乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图⽚路径>...</table>背景图⽚的URL=就是路径⽹址<table border=边框⼤⼩>...</table>设定表格边框⼤⼩(使⽤数字)<table bgcolor=颜⾊码>...</table>设定表格的背景颜⾊<table borderclor=颜⾊码>...</table>设定表格边框的颜⾊<table borderclordark=颜⾊码>...</table>设定表格暗边框的颜⾊<table borderclorlight=颜⾊码>...</table>设定表格亮边框的颜⾊<table cellpadding=参数>...</table>指定内容与⽹格线之间的间距(使⽤数字)<table cellspacing=参数>...</table>指定⽹格线与⽹格线之间的距离(使⽤数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显⽰⽅式<table width=宽度>...</table>指定表格的宽度⼤⼩(使⽤数字)<table height=⾼度>...</table>指定表格的⾼度⼤⼩(使⽤数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使⽤数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使⽤数字)<!>分割窗⼝<frameset cols="20%,*">左右分割,将左边框架分割⼤⼩为20%右边框架的⼤⼩浏览器会⾃动调整<frameset rows="20%,*">上下分割,将上⾯框架分割⼤⼩为20%下⾯框架的⼤⼩浏览器会⾃动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架<! - - ... - -> 批注<A HREF TARGET> 指定超级链接的分割窗⼝<A HREF=#锚的名称> 指定锚名称的超级链接<A HREF> 指定超级链接<A NAME=锚的名称> 被连结点的名称<ADDRESS>....</ADDRESS> ⽤来显⽰电⼦邮箱地址<B> 粗体字<BASE TARGET> 指定超级链接的分割窗⼝<BASEFONT SIZE> 更改预设字形⼤⼩<BGSOUND SRC> 加⼊背景⾳乐<BIG> 显⽰⼤字体<BLINK> 闪烁的⽂字<BODY TEXT LINK VLINK> 设定⽂字颜⾊<BODY> 显⽰本⽂<BR> 换⾏<CAPTION ALIGN> 设定表格标题位置<CAPTION>...</CAPTION> 为表格加上标题<CENTER> 向中对齐<CITE>...<CITE> ⽤于引经据典的⽂字<CODE>...</CODE> ⽤于列出⼀段程序代码<COMMENT>...</COMMENT> 加上批注<DD> 设定定义列表的项⽬解说<DFN>...</DFN> 显⽰"定义"⽂字<DIR>...</DIR> 列表⽂字卷标<DL>...</DL> 设定定义列表的卷标<DT> 设定定义列表的项⽬<EM> 强调之⽤<FONT FACE> 任意指定所⽤的字形<FONT SIZE> 设定字体⼤⼩<FORM ACTION> 设定户动式窗体的处理⽅式<FORM METHOD> 设定户动式窗体之资料传送⽅式<FRAME MARGINHEIGHT> 设定窗⼝的上下边界<FRAME MARGINWIDTH> 设定窗⼝的左右边界<FRAME NAME> 为分割窗⼝命名<FRAME NORESIZE> 锁住分割窗⼝的⼤⼩<FRAME SCROLLING> 设定分割窗⼝的滚动条<FRAME SRC> 将HTML⽂件加⼊窗⼝<FRAMESET COLS> 将窗⼝分割成左右的⼦窗⼝<FRAMESET ROWS> 将窗⼝分割成上下的⼦窗⼝<FRAMESET>...</FRAMESET> 划分分割窗⼝<H1>~<H6> 设定⽂字⼤⼩<HEAD> 标⽰⽂件信息<HR> 加上分⽹格线<HTML> ⽂件的开始与结束<I> 斜体字<IMG ALIGN> 调整图形影像的位置<IMG ALT> 为你的图形影像加注<IMG DYNSRC LOOP> 加⼊影⽚<IMG HEIGHT WIDTH> 插⼊图⽚并预设图形⼤⼩第⼀章:HTML 语⾔的结构 html⽂件是标准的ASCII⽂件,它看起来象是加⼊了许多被称为链接签(tag)的特殊字符串的普遍⽂本⽂件。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

HTML基本语法大全虽然已经有很多现成的HTML编辑器可以用,不必再自己编写HTML文件,但学习手工编写HTML文件的必要性的理由在于:1、现在HTML标准一直在改进中,而现成的HTML编辑器并不一定跟得上HTML的潮流。

2、可以看到,用HTML编辑器编出来的HTML文件结构相当乱,这是因为在编辑过程中,编辑器并不能真正理会用户的编辑要求,结果反复修改后,就留下不少垃圾。

3、自己编写HTML文件,可以随时将HTML的新发展增加进去,而不用受编辑器的限制。

4、HTML是一种很有意思的语言,它能将你的想法在INTERNET 上很好地体现出来。

HTML语句特点:1.所有HTML语句大部分都是<TAG></TAG>结构,<TAG>表示打开标记,</TAG>表示关闭标记。

但有的语句只有描述开始标记,没有描述结束,如<P>2.HTML中对文字的大小写不敏感。

3.所有语句都可以循环嵌套,但要注意嵌套对称。

例:<h3><center>…….</center></h3> 就是正确的嵌套方法<h3><center>…….</h3></center> 这种书写方法将导致编译错误一、HTML文档的基本结构HTML部分:每个HTML文档必须以打开HTML标记开始,以关闭HTML标记结束<HTML></HTML> 说明其间内容为HTML格式文档。

头部分:此部分包含文档的标题、文档使用的脚本、样式表定义等信息,还可以包含搜索工具和索引所要的其他信息。

头部分必须包含在<HEAD></HEAD> 标记对中1.<TITLE></TITLE> 其间包含的文字是该HTML的主题,会显示在窗口的TITLE栏位2.<META>标记,此标记可以设置网页的编码、自动刷新网页、设置网页的过期值u <meta name=”author”content=”…….”>u <meta name=”keyword”content=”…..”>u <meta http-equiv=”Expires”content=”mon, 15 sep 2003”> u <meta http-equiv=”Refresh”content=”10”, url=http://yourlink”>u <meta http-equiv=”Content-Type”content=”text/html;charset=gb2312”>一、正文部分<BODY></BODY> 其间说明HTML文件的主体内容。

BACKGROUND=“图形名”背景图形文件TEXT=#RRGGBB 文字颜色(一般为黑#000000)LINK=#RRGGBB 链接标志文字颜色VLINK=#RRGGBB 具有超连接部分显示的颜色,点过之后为ALINK 的颜色ALINK=#RRGGBB 已经链接标志文字颜色ONLOAD=“扩展函数调用串”与<SCRIPT>一同使用<- text -> text 是描述性文字,注释。

<SCRIPT></SCRIPT> 描述一扩展语言。

其中:LANGUAGE=“javascript”描述以下为Java语言二、字体<Hy></Hy> (y=1-6) 用于说明各级标题文字,y=1时字体最大,y=6时字体最小。

其中:ALIGN=缺省对左(LEFT)=CENTER 对中=RIGHT 对右<CAPTION></CAPTION> 显示标题文字(一般用于TABLE显示表格)<FONT></FONT> 字体大小设置(NETSCAPE ONLY)其中:SIZE=-4 ~ +4 将字体设置为BASEFONT的相对大小COLOR=#RRGGBB 字体颜色(R、G、B三色)<BASEFONT></BASEFONT> 设置基本字体(NESCAPE ONLY)其中:SIZE=1-6三、字型变化Italic(斜)字体:<I></I> 斜体字<EM></EM> 着重字<CITE></CITE> 段落、书名的引用<V AR></V AR> 表明可变内容(如文件名)Bold(黑)字体:<B></B> 黑体字<STRONT></STRONG> 加强字,Fixed width font(紧凑)字体:<TT></TT> 紧凑字(打印机字体)<CODE></CODE> 紧凑字<SAMP></SAMP> 样本字<KBD></KBD> 显示键盘上键名其它字体修饰:<U></U> 下划线<BLINK></BLINK> 闪烁字特殊字符:(CERN中列表)< < < > > > & & & " "" öñ±è《@ @ © (c) (NETSCAPE ONLY)®; (NETSCAPE ONLY)非中断空格四、段落<P> 单独表示段落结束。

<P></P> 表示其间文字是同一个段落,段落显示分成若干行,在何处分行由浏览器的窗口宽度决定,可适应任何宽度的窗口。

其中:ALIGN=缺省对左(LEFT)=CENTER 对中=RIGHT 对右<BR> 在页面上加一个回车。

<HR> 显示一条水平分界线。

其中:(以下NETSCAPE ONLY)SIZE=n 高度点数WIDTH=n 宽度点数=n% 宽?**计聊话俜直?ALIGN=缺省对中=LEFT 对左=RIGHT 对右<CENTER></CENTER> 表示其间内容显示向中间对齐。

(NETSCAPE ONLY)<PRE></PRE> 预设文字格式(Preformatted Text)其中的文字间隔、跳行、空白照原始键入情形显示出来,常用于程序的表达。

其它标注也允许存在<PRE>中。

<BLOCKQUOTE></BLOCKQUOTE> 区块引用设定。

其中的文字内容会比其他文字缩进一些。

<ADDRESS></ADDRESS> 地址区域。

通常放在最后,包含一个EMAIL地址,告知本页面作者。

显示为斜体字。

段落示例五、链接<A></A> 链接标记。

其间文本(图像)将显示出来,并用链接颜色和下划线区别出来。

其中:NAME=“position”表示页面中position处HREF=“#position”表示链接到本页面position处NAME=“filename#position”链接到filename文件的position 处=“filename.html”链接到指定的filename页面NAME=“filename.gif”显示指定的图形图形格式为GIF、TIEF、JPEG、RGB、HDF等格式NAME=“scheme://host-domain[:port]/path/filename”链接到指定主机的指定页面scheme是http、ftp等host-domain为服务器名port为提供此服务的端口号,缺省为80,可省略六、图像<IMG></IMG> 显示图像。

其中:ALIGN=BOTTOM缺省文本在图像下面=MIDDLE 在中间=TOP 在上面SRC=“图像名”图像文件ALT=“text”图像别名,若图像不显示时,显示在虚框内WIDTH=n 宽度点数=n% 可显示面积的百分比HEIGHT=n 高度点数=n% 可显示面积的百分比BORDER=n 立体边框厚度点数HSPACE=“图像名”水平空间(NETSCAPE ONLY)VSPACE=“图像名”垂直空间(NETSCAPE ONLY)ISMAP 说明本图像为地图USEMAP=“#name”给本图像取一个地图名<MAP></MAP> 对一幅地图进行*作。

其中:NAME=“name”由<IMG>中指定的地图名<AREA></AREA> 区域选择。

在<MAP>中使用, 其中:SHAPE=RECT矩形区域,只需提供对角坐标(x1,y1,x2,y2),=POLYGON多边形,要提供多边形各顶点坐标(x1,y1,...,xn,yn)COORDS=x1,y1,...,xn,yn 坐标值(10进制)HREF=链接对象(参照<A>)图像示例七、列表以下各种排列可以综合嵌套排列,成为有层次的排列。

<UL></UL> 未标序的排列(Unnumbered Lists)在其中的每一行文字前加上<LI>,起始会显示“●”或“□”或“■”等,具体显示什么由具体的浏览器决定。

<OL></OL> 标序的排列(Numbered Lists或Ordered Lists)在其中的每一行文字前加上<LI>,起始会显示数字编号。

<LI></LI> 每一行文字的起头。

<DL></DL> 陈述式排列(Descriptive Lists)<DT></DT> <DL>中显示陈述的主题。

<DD></DD> <DL>中显示叙述的内容,会比<DT>内容缩入一些位置。

在<DT>和<DD>中,可包含其它链接内容。

<DIR></DIR> 显示清单,每行最多20个字符。

在其中的每一行文字前加上<LI>。

<MENU></MENU> 显示菜单。

在其中的每一行文字前加上<LI>。

八、输入框(输入表格)<FORM></FORM> 说明一个输入表格。

相关文档
最新文档