HTML特殊字符、列表、表格总结

        HTML实体字符
  在HTML中一些特殊的字符需要用特殊的方式才能显示出来,比如小于号、版权等,
  在课堂上老师教了我们一个有点意思的:空格,在教材上字符实体是“&nbsp”通过老师
  的演示我们发现不同的浏览器他所显示的效果不同,有的比较宽,所以让我们认识了一个
  也是空格的字符实体:“&emsp”。
    HTML能创建三种类型列表:无序列表、有序列表和定义列表。
   无序列表
  type 表示属性 能赋予的值有:disc(默认的实心圆)、circle(空心圆)、square(实心方块)、、、
  代码结构:<ul>
        <li>......</li>
        <li>......</li>
       </ul>
   有序列表
  type 表示属性 可以赋值:阿拉伯数字(默认)、大小写罗马数字、大小写英文
  start 表示属性 可以赋值:数值(表示排列的起点数值)、
  代码结构: <ol>
        <li>......</li>
        <li>......</li>
       </ol>
   定义列表
  代码代码:<dl>
        <dt>......</dt>
        <dd>......</dd>
        <dd>......</dd>
       </dl>

              HTML表格
  表格由<table>标签以及一个或多个tr、th或td元素组成。
  基本结构:<table border="1">
            <tr>
              <td>row 1,cell 1</td>
              <td>row 1,cell 2</td>
            </tr>
              <td>row 2,cell 1</td>
              <td>row 2,cell 2</td>
            </tr>  
         </table>
  <table>定义表格
  <th>定义表头
  <tr>定义表格的行
  <td>定义表格单元
  属性 colspan 表示 合并列单元格
  属性 rowspan 表示 合并行单元格
  属性 cellpadding 表示 边框与内容之间的空白 可赋值:PX
  属性 cellspacing 表示 单元格之间的空白 可赋值:PX/%
  属性 border 表示边框与内容之间的空白 可赋值:px

      PS:我发现很多的属性和值都有相同相似的地方,比如,
        width 可表示表格的宽度又可以表示其它类型的宽度,我觉得可以
        统一记他的属性为宽度即可。

        那么就有了:width-宽度、height-高度、align-水平对齐方式、

              left-左边、right-右边、center-中间、valign-垂直对齐方式、

              top-顶部、middle-中部、bottom-底部。

时间: 2024-10-12 12:45:27

HTML特殊字符、列表、表格总结的相关文章

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst

网站前端_Bootstrap.基础入门.0002.排版/列表/表格/表单/按钮/图像?

通用技能: # 文档类型 <!DOCTYPE html> <html lang="zh-cn">     <!-- Html Code --> </html> 说明: 由于BootStrap基于HTML5,所以所有的HTML文件都需要在其顶部引用HTML5的DOCTYPE属性. # 移动先行 <meta name="viewport" content="width=device-width, initi

自学html-four(css初始化及html语义标签 -&gt; h标签 p标签 img标签 有序列表 无序列表 表格 超链接)

一.css初始化 现在我们来做一个简单的测试,测试步骤如下: 1.编写代码如下: 2.把改程序用不同的浏览器打开我们会发现同一份代码在不同的浏览器中的显示会有略微的差别: 360浏览器下显示效果图: 火狐浏览器下显示的效果图: 同一份代码在不同浏览器显示的效果存在差异的原因是:各浏览器对各元素的margin,border,font-size等的初始设置略有不同 解决方法:通过css强制让所有元素的属性值都一样 这里提供一段雅虎工程师css初始化代码,直接拷贝到css位置就可以了,body,div

css链接列表表格

1.css链接 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 注意: a:hover 必须跟在 a:link 和 a:visited后面 a:active 必须跟在 a:hover后面 text-decoration:none;下划线 2.css列表前面的标记 list-style-type: upper-roman; list-style-image: url('oo.p

HTML(二):列表+表格

1.无序列表 HTML <ul> 元素代表多项的无序列表,即无数值排序项的集合,且它们在列表中的顺序是没有意义的.通常情况下,无序列表项的头部可以是几种形式,如一个点,一个圆形或方形.通过设置<ul>元素的type属性来改变无序列表头部的形式. 无序列表和有序列表都使用<li>标签来定义单列. 1 <ul type="disc"> 2 <li>实心圆</li> 3 </ul> 4 <ul type

列表 表格与媒体元素

无序列表及其应用 语法<ul><li>第一项</li><li>第二项</li><li>第三项</li></ul>遵循W3c的标准<ul>标签里只能嵌套<li>标签,不能嵌套其他标签.<li>标签里可以嵌套任何标签. 无序列表的特征 (1)没有顺序,每一个<li>独占一行(块元素)(2)默认<li>标签项前面都有一个实心小圆点(3)一般用于无序类型的列表

bootstrap 列表 表格 表单

一.列表 ul li 二.表格 table  (http://www.runoob.com/bootstrap/bootstrap-tables.html) 1. 基本表格 <table class="table"> 2. 响应式表格 <div class="table respoinsive"><talbe > 单独设立标题样式 标头样式 三.表单 第一种:常规样式(垂直) <form role="form&qu

列表 表格

(1)有序列表(ol)--<li>order list (2)无序列表(ul)--<li>unorder list (3)自定义列表<dl>--<dt>--<dd> 列表样式:list-style-type:circle(.);none;dis(.);square(方块) list-style-image list-style-position:inside():outside() list-style 表格的基本结构<table>

列表,表格,与媒体元素

一.无序列表 <ul> <li>无序列表</li> <li>有序列表</li> <li>自定义列表</li> </ul> 特性:1.没有顺序,每个<li>标签独占一行(块级元素) 2.默认每一个li标签前有一个实心小圆点 3.主要用于无序类型信息的展示,如导航栏等 二.有序列表 <ol> <li>无序列表</li> <li>有序列表</li>

页面的组成-列表/表格/表单/视频音频

回顾 CSS属性 边框属性 border:border-styleborder-colorborder-width border-left: border-rightborder-bottomborder-top border-style-leftborder-style-rightborder-style-topborder-style-bottom border-*-left/top/right/bottom 内边距 pading / padding-left/right/top/botto