XHTML与HTML类似,但是语法更严格。
XHTML分为三个版本:
(1)Strict:去除逐渐淘汰的标记。
(2)Traditional:能够使用逐渐淘汰的标记。
(3)Framset:框架技术。
html页面由许多标签组成。
注释:<!-- 注释-->
<html><!--每个html页面的最开始--> <head><title>title</title></head><!-- head元素中包含的是页面的标题,以及一些描述--> <body><!-- body是浏览器的--> ....... </body> </html> |
标签就是<html>、<head>这种形式。
元素是<head>...</head>这种形式。
建议:标签最好用小写字母编写。
属性:在标签中可以放置属性,目的是对标签个性化,比如一个文字的字体等。
比如:
<a href = "http://www.google.com/">Click here</a>
<a>是标签,表明链接,href表明要链接的目的地。
注意:属性值必须要是字符串。
<head>标签:
可以在<head>元素中使用
<title>:页面标题
<link>:与某个CSS文件链接。
<script>:脚本。
<style>:内联的CSS。
<h1>---><h6>:题头,一般使用<h1><h2>表示标题和副标题。
<p></p>表示一个段落。
<br />表示一个换行符.他有一个clear属性用于图像。
一般来说html都是空格折叠的,即多个空格只能算是一个空格。 比如: <p> Hello world Hello world </p> 在网页中只能显示Hello world Hello world |
<pre></pre>:在这个元素中的文档都是保持原来的样子,没有空格折叠,因此可以在里面插入代码等。
<b></b>设置粗体。
<i></i>设置斜体。
<u></u>设置下划线。
<s></s>设置删除线。
<tt></tt>设置等宽字体。
<sup></sup>设置上标。
<sub></sub>设置下标。
<big></big>设置大字体。
<small></small>设置小字体。
<hr />设置水平线。
<em></em>表示强调。
<strong></strong>着重强调。
<abbr title = "..."></abbr>缩写词。
<blockquote cite = "..."></blockquote>:引用文章,cite属性表明来源。
<cite></cite>表明来源。
<dfn></dfn>表示专业术语。
<code></code>中写代码。
<address></address>表示地址。
<div class = "">...</div>表明分组,经常和CSS一起使用。
<span class ="..."></span>对内联元素进行分组。
(1)id:标识元素。规定:以字母开头。
(2)class:所属的类,用于CSS。
<html> 在CSS文档中, h1.A{ font-size:12px; } 可以改正h1的文字的样式。 |
(3)title:光标停在某个组件上,会有个提示符。
(1)无序列表。
(2)有序列表。
(3)自定义列表。
<ul><!-- ul表示无序列表的创建--> <li>1</li><!-- li表示一个列表的一项--> <li>2</li> </ul> |
<ol type = "A" start = "1"><!-- ul表示有序列表的创建--> <li>1</li><!-- li表示一个列表的一项--> <li>2</li> </ol> |
start属性表示开始的数字,如果为4,则从4开始标记。
type属性表示标记的样式,如果为A,则样式为ABCD...
<ol type = "A" start = "1"><!-- ul表示有序列表的创建--> <li>1</li><!-- li表示一个列表的一项--> <li>2</li> <ol> <li></li> <li></li> </ol> </ol> |
改动的标记:<ins><del>
<ins></ins>表示新增的文字。
<del></del>表示删除的文字。
<:表示<
>表示>
&表示&
"表示 "
块级元素的前后都是换行的。
内联元素前后都不换行。