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): 相邻选择器用于选择紧接在另一个元素后面的同辈元素。

第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>: 定义表格的行。

第3章 HTML语言基础

第3章  HTML语言基础

在起始标记和结尾标记中间的部分是元素体。 每一个元素都有名称和可选择的属性,元素 的名称和属性都在起始标记内标明。比如体
<body backgroud="background.gif"> <h2>示例</h2> 这是一个示例<p>
</body>
第一行是体元素的起始标记,它标明体 元素从此开始。由于所有的标记都具有相同 的结构,因此仔细分析这个标记的各个部分, 就能对标记的写法有一个大概了解。 < 起始标记开始
第3章 HTML语言基础
本章要点: 网页设计的基本原则 HTML语言及其基本语法
HTML(Hyper Text Markup Language, 即超文本标记语言)是一种用来制作超文 本文档的简单标记语言。用HTML编写的 超文本文档称为HTML文档,它能独立于 各种操作系统平台(如UNIX,WINDOWS 等)。自1990年以来HTML就一直被用作 WWW上的信息表述语言,用于描述网页 的格式设计和它与WWW上其它网页的链 接信息。
(5)定期更新网页内容。每隔一定时间就 对网页内容和版面设计进行较大幅度的更新, 从而吸引访问者的注意力。这不失为增加来 访次数的好方法。 (6)注意网站内容的搭配。在首页中尽量 使之美观大方,直观又丰富。其它网页要与 首页有很好的搭配效果。
(7)考虑不支持某些功能的浏览器。随着 网页设计技术的不断进步,在网页中经常会 使用一些特殊的技术,使得网页的功能更加 丰富,看起来也更加美观。但是不可排除一 些用户使用过时的浏览器浏览这些网页,这 就需要为这些特殊的功能部分添加替代性文 字,避免误将程序代码显示出来。 (8)对多媒体文件实施有限的限制。尽管 网络多媒体技术有了很大的发展,但由于网 络速度的限制,就要求一个网页设计者在设 计网页时要充分考虑到所添加多媒体部分的 大小和必要性。

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)的特殊字符串的普遍⽂本⽂件。

html网页编辑代码简单介绍

html网页编辑代码简单介绍

版权号 © &copy;
注册商标 ® &reg;
“ &quot;
<li></li>
...
</ul>
注:<li>...</li>表示一个项目或标题
参数值 描述
 html语法
一、html最基本的语法就是<标记符>内容</标记符>,标记符通常都是成对使用
的,有一个开头标记和一个结束标记,结束标记只是在开头标记的前面加一个斜
杠“/”。例如:<font size="7">文字内容</font> <hr width="80%"/>
二、html语法的最好学习方法就是查看网页的源代码。
2、格式:<p align="对齐方式">...</p>
3、属性名称 属性值 说明
left 左对齐
align center 居中
2、body属性
<body bgcolor="背景颜色" background="背景图像" text="文本颜色" link="链接文本颜色" vlink="访问过的文本颜色" alink="激活的链接文本颜色" left margin="左边界" right margin="右边界" top margin="上边界" bottom margin="下边界"
下标 <sub>文本</sub>
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Html的基本语法1.1 Html概况1.1.1 什么是HtmlHtml英语意思是: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文档的结构超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。

<HTML><HEAD>头部信息</HEAD><BODY>文档主体,正文部分</BODY></HTML>其中<HTML>在最外层,表示这对标记间的内容是HTML文档。

我们还会看到一些网页省略<HTML>标记,因为.html 或.htm 文件被Web浏览器默认为是HTML文档。

<HEAD>之间包括文档的头部信息,如文档总标题等,若不需要头部信息则可省略此标记。

<BODY> 标记一般不能省略,它表示正文内容的开始。

下面是一个最基本的超文本文档的源代码:<HTML><HEAD><TITLE>网页标题</TITLE> </HEAD><BODY><H3>欢迎光临我的主页</H3> <BR><HR>这是一个我的第一个网页</BODY></HTML>━┓┃文件头━┛━┓┃┃┃┃文件体┃┃━┛1.3 标签的格式1.3.1 标签的作用HTML标签是组成HTML文档元素,每一个标签描述了一个功能。

HTML标签两端有两个包括字符:“<”和“>”,这两个包括字符被称为角括号。

HTML标签一般成对出现,比如<table>和</table>。

无斜杠的标签的为开始标签,有斜杠的为结束标签,在开始和结束标签之间的对象是元素内容。

如<table>表示一个表格的开始,</table>表示一个表格的结束。

HTML标签是大小写无关的,但我们习惯用小写。

1.3.2 标签的分类:标签分为单标签,双标签两种。

单标签:只需单独使用就能完整地表达意思,这类标记的语法是:< 标签名称>最常用的单标签是<BR>, 它表示换行。

双标签:它由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。

始标签前加一个斜杠(/)即成为尾标记。

这类标记的语法是:<标签> 内容</ 标签>其中“内容”部分就是要被这对标记施加作用的部分1.3.3 标签的属性:为了增强标签的功能,许多单标记和双标记的始标记内可以包含一些属性,其语法是:<标签名字属性1=“属性值1”属性2=“属性值2”属性3=“属性值3”… > 各属性之间无先后次序,属性值应该被包含在引号中,常用双引号,但是单引号也可以使用,在有些情况下,比如说属性值本身包含引号,就得使用单引号。

比如:name='John "ShotGun" Nelson'。

注意:中文引号跟英文引号是不一样的。

上面所指的引号都是英文状态下的引号,属性也可省略(即取默认值)。

1.4 基本标签1.4.1 <html></html> 用于创建Html文档<html>标签用于Html文档的最前边,用来标识Html文档的开始。

而</html>标签恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,这对标签必须成对使用。

1.4.2 <head></head><head>和</head>构成Html文档的头部分,在此标签对之间可以使用<title></title>、<script></script>等标签对,这些标签对都是描述Html文档头部信息的标签对,<head></head>标签对之间的内容是不会在浏览器的框内显示出来的。

这对标签必须成对使用。

1.4.3 网页标题<title></title>使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在<title></title>标签对之间加入您要显示的文本即可。

注意:<title></title>标签对只能放在<head></head>标签对之间。

1.4.4 <body></body><body></body>是Html文档的主体部分,在此标签对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等众多的标签,它们所定义的文本、图像等将会在浏览器的框内显示出来。

该标签必须成对使用。

<body>标签中还可以有以下属性:色彩rrggbb是用16 进制的红-绿-蓝(red-green-blue, RGB) 值来表示。

例: body.html<html><head><title>唐诗</title></head><body bgcolor="blue" text="yellow" >静晚思<br>床前明月光,疑是地上霜。

<br>举头望明月,低头叫故乡。

<br></body.></html>1.5 格式标签1.5.1 段落标签<p> </p>格式:<p align=# >说明:</p>标签是用来创建一个段落,在此标签之间加入的文本将按照段落的格式显示在浏览器上。

HTML自动在一个段落前后各添加一个空行。

align可以控制段落的对齐方式,取值为:Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。

例:<body><p align=”center”>浣溪沙</p><p>一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。

无可奈何花落去,似曾相识燕归来。

小园香径几徘徊。

</p></body>1.5.2 换行标签<br>当需要结束一行,并且不想开始新段落时,使用<br>标签。

<br>标签不管放在什么位置,都能够强制换行。

它是单标签。

例:<body><p align=”center”>浣溪沙</p><p>一曲新词酒一杯,去年天气旧亭台,<br>夕阳西下几时回。

无可奈何花落去,<br> 似曾相识燕归来。

小园香径几徘徊。

</p></body>1.5.3 文章标题标签Hn一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签<Hn>,其中n为标题的等级,HTML总共提供六个等级的标题,n越小,标题字号就越大,以下列出所有等级的标题:〈H1>…</H1>第一级标题〈H2>…</H2>第二级标题〈H3>…</H3>第三级标题〈H4>…</H4>第四级标题〈H5>…</H5>第五级标题〈H6>…</H6>第六级标题例:<body>这是一行普通文字<P>〈H1>一级标题</H1>〈H2>二级标题</H2>〈H3>三级标题</H3>〈H4>四级标题</H4>〈H5>五级标题</H5>〈H6>六级标题</H6></body>1.5.4 预格式化文本<pre></pre>为控制换行和空格,可以预先设定好文本的格式例:<body><pre> 浣溪沙一曲新词酒一杯,去年天气旧亭台,夕阳西下几时回。

无可奈何花落去,似曾相识燕归来。

小园香径几徘徊。

</pre></body>1.5.5 环绕标签格式: <marquee direction=# bihavior=* loop=数字scrollamount=数字scrolldelay=数字scrollamount=数字height=数字width=数字> ... </marquee>说明:方向属性direction=# #=left,right,up,down例:<marquee direction=left>啦啦啦,我从右向左移!</marquee><marquee direction=right>啦啦啦,我从左向右移!</marquee>方式属性bihavior=* 8=scroll,slide,alternate例:<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee><marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee><marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>循环次数loop,若未指定则循环不止(infinite)速度属性scrollamount=数字延时属性scrolldelay=数字例:<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee> 面积属性height=数字width=数字例:<marquee height=40 width=50% bgcolor=”red”>啦啦啦,我会移动耶!</marquee>这些属性可以单独使用,也可混合使用,下面是一个综合实例:例:制作滚动的新闻<body><marquee id="a" behavior="scroll" direction="up" height="150" width="150" bgcolor="#FFCC00" scrollamount="2" onmouseover="a.stop()" onmouseout="a.start()"> <p>当鼠标指向时停止当鼠标移过时滚动<br>当鼠标指向时停止当鼠标移过时滚动<br>当鼠标指向时停止当鼠标移过时滚动<br></p></marquee></body>其中id为这段文本的名称,要注意的是一个环绕标签只对一个段落起作用。

相关文档
最新文档