一.文本样式
1.文本特殊样式：<b>样式 <em>样式 <strong>样式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>无标题文档</title> </head> <body> <p><b>我是粗体文字</b></p> <p><em>我是强调文字</em></p> <p><strong>我是加强调文字</strong></p> </body> </html> 运行后
2.斜体文本<i>
<i>我将会以斜体字显示</i> 3.上标和下标文本 <sup>标记上标文字，<sub>标记下标文字 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>无标题文档</title> </head> <body> <p>c=a<sup>2</sup>+b<sup>2</sup></p> <p>H<sub>2</sub>+O~H<sub>2</sub>O</p> </body> </html> 二.文本排版 1.换行标记<br/>，段落标记<p> 2.标题标记<h1>~<h6>(<h1>代表1级标题，级别最高，文字也最大) 3*.水平线<hr/>,定义内容中主题变化。 三.文字列表 1.建立无序列表<ul> 无序列表使用一对标记<ul></ul>,其中每一个列表项使用<li></li> 2.建立有序列表<ol> 无序列表使用一对标记<ol></ol>,其中每一个列表项使用<li></li>,每个项目都有前后顺序之分，通常用数字表示。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>嵌套文本列表的使用</title> </head> <body> <h1>商品信息</h1> <h2>产品类别</h2> <hr> <ul> <li>数码</li> <li>美容</li> <li>服装</li> </ul> <h2>购物流程</h2> <hr> <ol> <li>确认购买信息</li> <li>付款到贵美</li> <li>确认收货</li> <li>付款给商家</li> <li>双方评价</li> </ol> </body> </html> 四.网页中的图像<img><img src="../img/img1.jpg" width="500px" height="500px">".."表示上一级的目录，"../.."表示上级的上级目录，src表示图片的源文件，src=""指出图片的保存位置，width,height可以设置图片的宽度和高度。