2019-03-27 复习加新知识

复习

p   段落
b   加粗
strong  加粗
i   倾斜
em  倾斜
s   删除线
u   下划线
a    超链接
 属性:href="路径" 
img  图片
 属性: src='' alt=""   title="鼠标移入图片时的提示"
div   布局


hr  分割线
br  换行

 空格
< 小于
>大于
©版权

新课

列表
1.有序列表
- type: 默认1 a A i I
- start:从哪开始

     <ol type="1"  start="1">
        <!--列表项-->
       <li></li>
     </ol>

2.无序列表
- type:disc(实心圆点) circle(空心圆)square(方块) none(无)

     <ul sype="none">
        <li></li>
     </ul>

3.自定义列表

     <dl>
       <dt>购物指南</dt>
       <dd>购物流程</dd>
       <dd>生活指南</dd>
       <dd>购物流程</dd>
       <dd>生活指南</dd>
     </dl>

4.列表的嵌套

  样式
      <ul>
        <li>
       电影
       <ul>
         <li>比悲伤更悲伤的故事</li>
         <li>大人物</li>
         <li>一吻定情</li>
       </ul>
    </li>
     </ul>

表格

<table border=1></table>
行: tr :<tr></tr>
列: td :<td></td>
border=1:为表格添加1px边框
跨列:colspan=3
跨行:rowspan=3

  <!--border=1:为表格添加1px边框-->
        <table border=1>
           <!--行-->
           <tr>
             <!--列-->
             <td>姓名</td>
             <td>成绩</td>
              <td>姓名</td>
             <td>成绩</td>
           </tr>
           <!--行-->
           <tr>
              <td>张三</td>
              <td>90</td>
               <td>张三</td>
              <td>90</td>
           </tr>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容