HTML语法
- 格式:ppt
- 大小:462.50 KB
- 文档页数:22
2024《HTML的语法》说课稿范文今天我要说的课程是《HTML的语法》,下面我将从以下几个方面进行阐述。
一、说教材1、《HTML的语法》是高中计算机课程的一部分。
它是在学生已经学习了计算机基础知识和HTML的概念以及基本标记的基础上进行教学的,是计算机领域中的重要知识点,而且HTML在互联网应用中有着广泛的应用。
2、教学目标根据新课程标准的要求以及教材的特点,结合学生现有的认知结构,我制定了以下三点教学目标:①认知目标:理解HTML语法的基本结构,掌握HTML标签的使用方法。
②能力目标:能够编写简单的HTML文档,包括设置标题、段落、链接等基本元素。
③情感目标:在实践中体会HTML在互联网应用中的重要性,激发学生对计算机领域的兴趣。
3、教学重难点在深入研究教材的基础上,我确定了本节课的重点是:理解HTML语法的基本结构,能够正确使用HTML标签。
难点是:掌握HTML标签的嵌套和属性的使用。
二、说教法学法本节课采用的教法是项目化探究法,通过实际操作HTML标签来学习和掌握语法。
学法是合作学习法,让学生在小组合作中互相讨论和学习。
三、说教学准备在教学过程中,我准备了电脑和投影仪,以便给学生展示实际的HTML代码和效果。
同时,我还准备了一些练习题和实践任务,让学生在实践中巩固所学的知识。
四、说教学过程新课标指出:“教学活动是师生积极参与、交往互动、共同发展的过程”,我设计了如下教学环节。
环节一、谈话引入,导入新课。
我会通过提问学生的互联网使用经验,引导他们思考互联网中的各种页面是如何制作的。
然后我会介绍HTML是一种标记语言,用于创建和布局网页。
接着,我会询问学生对HTML的了解程度,为接下来的教学做一个铺垫。
环节二、探究新知,突破难点。
1、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 /〉,单标记,不需要结束标记,换行但不分段空格符号: 表示一个空格强制换行符:<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 指的是超文本标记语言 (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 都接受这 种方式。
hbuilderx语法HBuilderX是一个轻量级的前端开发工具,支持HTML、CSS、JavaScript等语言的开发。
本文将介绍HBuilderX的一些常用语法,让你更加熟练地使用该工具。
1. HTML语法HTML是网页的核心语言,HBuilderX提供了丰富的HTML语法提示和自动补全功能,使得开发者可以更加轻松地编写HTML代码。
以下是一些常用的HTML语法:- <!DOCTYPE html>:声明文档类型为HTML5。
- <html>:定义HTML文档的根元素。
- <head>:定义文档的头部,包含元数据和其他信息。
- <title>:定义文档的标题。
- <body>:定义文档的主体部分。
- <h1>~<h6>:定义标题,其中<h1>是最高级别的标题。
- <p>:定义段落。
2. CSS语法CSS是网页的样式语言,HBuilderX提供了智能的CSS语法提示和自动补全功能,使得开发者可以更加高效地编写CSS代码。
以下是一些常用的CSS语法:- selector { property:value; }:定义样式规则,其中selector 表示要应用样式的元素,property表示要修改的属性,value表示新的属性值。
- color:修改字体颜色。
- font-size:修改字体大小。
- background-color:修改背景颜色。
- margin:修改外边距。
- padding:修改内边距。
3. JavaScript语法JavaScript是网页的脚本语言,HBuilderX提供了智能的JavaScript语法提示和自动补全功能,使得开发者可以更加方便地编写JavaScript代码。
以下是一些常用的JavaScript语法:- var variable = value;:定义变量,其中variable表示变量名,value表示变量的值。
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)的特殊字符串的普遍⽂本⽂件。
html 链接语法HTML链接语法是网页中常用的一种标记语言,用于创建链接以及在网页中跳转到其他页面。
通过使用适当的标签和属性,我们可以实现与其他网页、文档或资源的交互。
一、创建链接在HTML中,创建链接的最基本的语法是使用`<a>`标签,其中`href`属性指定了链接的目标。
例如,要链接到另一个网页,可以使用如下代码:```<a href="目标网页的URL">链接文本</a>```请注意,上述代码中的“目标网页的URL”应替换为实际的网页地址,而“链接文本”则是在页面上显示的可点击的文本。
二、链接到同一页面内的位置有时候我们需要在同一页面内跳转到不同的位置,可以使用锚点来实现。
在要跳转的位置上使用`id`属性定义一个锚点,然后在链接中使用`#`符号加上锚点名称即可。
例如:```<a href="#anchor">跳转到锚点</a>...<h2 id="anchor">锚点位置</h2>上述代码中,点击“跳转到锚点”这个链接将会跳转到页面中id为“anchor”的位置。
三、链接到电子邮件地址如果需要创建一个链接以发送电子邮件,可以使用`mailto:`协议。
例如:```<ahref="mailto:*********************">发送邮件</a>```上述代码中,点击“发送邮件”这个链接将会打开默认的邮件客户端,并将目标电子邮件地址填入收件人字段。
四、下载文件如果需要创建一个链接以下载文件,可以使用`download`属性。
例如:```<a href="文件地址" download>下载文件</a>```上述代码中,点击“下载文件”这个链接将会下载指定的文件。
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>設定捲動時間<marquee onmouseover="this.stop()">...</marquee>⿏标经过上⾯时停⽌滚动<marquee onmouseover="this.start()">...</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 color=00ff00>...</font>字體顏⾊<font size=1>...</font>最⼩字體<font style =’font-size:100 px’>...</font>無限增⼤<!>區斷標記<hr>⽔平線<hr size=’9’>⽔平線(設定⼤⼩)<hr width=’80%’>⽔平線(設定寬度)<hr color=’ff0000’>⽔平線(設定顏⾊)<br>(換⾏)<nobr>...</nobr>⽔域(不換⾏)<p>...</p>⽔域(段落)<center>...</center>置中<!>連結格式<base href=位址>(預設好連結路徑)<a href=位址></a>外部連結<a href=位址 target=’_blank’></a>外部連結(另開新視窗)<a href=位址 target=’_top’></a>外部連結(全視窗連結)<a href=位址 target=’⾴框名’></a>外部連結(在指定⾴框連結)<!>貼圖/⾳樂<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> 插⼊圖⽚並預設圖形⼤⼩<IMG HSPACE> 插⼊圖⽚並預設圖形的左右邊界<IMG LOWSRC> 預載圖⽚功能<IMG SRC BORDER> 設定圖⽚邊界<IMG SRC> 插⼊圖⽚<IMG VSPACE> 插⼊圖⽚並預設圖形的上下邊界<INPUT TYPE NAME value> 在表單中加⼊輸⼊欄位<ISINDEX> 定義查詢⽤表單<KBD>...</KBD> 表⽰使⽤者輸⼊⽂字<LI TYPE>...</LI> 列表的項⽬ ( 可指定符號 )<MARQUEE> 跑⾺燈效果<MENU>...</MENU> 條列⽂字標籤<meta NAME="REFRESH" CONTENT URL> ⾃動更新⽂件內容<MULTIPLE> 可同時選擇多項的列表欄<NOFRame> 定義不出現分割視窗的⽂字<OL>...</OL> 有序號的列表<OPTION> 定義表單中列表欄的項⽬<P ALIGN> 設定對⿑⽅向<P> 分段<PERSON>...</PERSON> 顯⽰⼈名<PRE> 使⽤原有排列<SAMP>...</SAMP> ⽤於引⽤字<select >...</select > 在表單中定義列表欄<SMALL> 顯⽰⼩字體<STRIKE> ⽂字加橫線<STRONG> ⽤於加強語氣<SUB> 下標字<SUP> 上標字<TABLE BORDER=n> 調整表格的寬線⾼度<TABLE CELLPADDING> 調整資料欄位之邊界<TABLE CELLSPACING> 調整表格線的寬度<TABLE HEIGHT> 調整表格的⾼度<TABLE WIDTH> 調整表格的寬度<TABLE>...</TABLE> 產⽣表格的標籤<TD ALIGN> 調整表格欄位之左右對⿑<TD BGCOLOR> 設定表格欄位之背景顏⾊<TD COLSPAN ROWSPAN> 表格欄位的合併<TD NOWRAP> 設定表格欄位不換⾏<TD VALIGN> 調整表格欄位之上下對⿑<TD WIDTH> 調整表格欄位寬度<TD>...</TD> 定義表格的資料欄位<TEXTAREA NAME ROWS COLS> 表單中加⼊多少列的⽂字輸⼊欄<TEXTAREA WRAP> 決定⽂字輸⼊欄是⾃動否換⾏<TH>...</TH> 定義表格的標頭欄位<TITLE> ⽂件標題<TR>...</TR> 定義表格美⼀⾏<TT> 打字機字體<U> ⽂字加底線<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )<var>...</var> ⽤於顯⽰變數BlockQuotc⽂本缩进表⽰颜⾊的有三种⽅式;1,16进制颜⾊代码语法:#RRGGBB例:<font color="#ff0000">红⾊</font>2,10进制RGB码语法:RGB(RRR,GGG,BBB)例:<font color="rgb(255,000,000)">红⾊</font>3,直接⽤颜⾊的英⽂名称例:<font color="red">红⾊</font><body>.....</body>属性可分为三种:1,背景属性包括:bgcolor,background2,⽂字属性:包括:text,link,alink,vlink,3,留⽩属性:其中分为:leftmargin,topmargin.bgcolor背景⾊语法格式:<body bgcolor="#ff0000">.background背景图案。
Html语法大全访问过得可连接文字得颜色语法格式:<body text="color" link="color" alink="color" vlink="color">、leftmargin 页面左侧得留白距离、topmargin 页面顶部得留白距离语法格式:<body leftmargin="value" topmargin="value">注:value为长度值为数字align 属性语法:<h2 align="?">文字</h2>其属性有三种:left靠左,center居中,right靠右〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置〈br>为换行标记<nobr></nobr>为不换行标记放在文字两边即可例:<body><h3>江南逢李龟年</h3><p>歧王宅里寻常见<br>催九堂前几度闻<br>正就是江南好风景<br>落花时节又逢君</p></body>预格式化:<pre>、、、、、、</pre> 浏览就是效果与编写就是效果格式一样列表分为1无序列表又称符号列表语法格式:<ul type="">type得属性可选直disc实心圆点,clrcle空心圆点,square实心方框<li>文字</li><li>文字</li></ul>2有序列表语法格式:<ol type="?" start"?"><li>文字</li><li>文字</li></ol>type得值就是编号字符可选得有1、、、,a、、、,A、、、,i、、、,I、、、start为起始值例:如果start为3就是那么将从3开始,而且必须就是数字。