一.文本样式
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可以设置图片的宽度和高度。