一、标记
<!-- -->//注释
<img src="drinks.gif"> 添加图片
元素=开始标记+内容+结束标记
<html> ... </html> 告诉浏览器html从这里开始
<head>.... </head> 页面开始
<title> .. </title> 为页面指定一个标题
<body> ... </body> 页面主体
<h1> ... </h1> 一级标题
<h2> ... </h2> 二级标题
..................................................
<a> ... </a> 链接
<p> ... </p> 一个段落
<em> ... </em> 强调
<q>... </q> 短引用,现有段落的一部分,内联元素(不同浏览器有不同显示方式如加双引号)是页面更结构化
<blockquote>... </blockquote> 长引用,单独一块显示,块元素
<li> .....</li> (listitem) 列表(用<ol> </ol>或<ul> </ul>包围列表)
<ol> </ol>(ordered list)有序列表,只能包含<li>元素
<ul> </ul>(unordered list)无序列表,只能包含<li>元素
<br> (<br/>用于与XHTML兼容 )换行 void元素没有内容
< <缩写
> >缩写
& 输出&
<code> 显示计算机代码
<pre>保留您需要的文本格式,比如不会取消换行和空格
<time> 日期、时间
说明:
- 标记可嵌套
二、超文本
1、链接文本:<a href="about/directions.html">detailed directions</a>.
使用<a>创建超文本链接,网页链接指向about文件中的directions.html,网页中点击detailed directions进入链接页面
href属性指定链接的目标文件
还可以用img,图片作为链接
三、属性
<a href="about/directions.html">detailed directions</a>. href属性指定链接的目标文件
<a href="../directions.html">detailed directions</a>. ../返回上一级文件夹 ../..返回上2极文件夹
<img src="drinks.gif"> imag,图片作为链接
<style type=="text/css"> type属性指定我们使用的哪种样式语言
四、html列表
<ol>或<ul>
<li>...............</li>
<li>...............</li>
</ol>或</ul>