2019-03-28

1、有序列表

 标记:<ol></ol> --> Order List
 列表项:<li></li> --> List Item

 属性:
   1、type
      列表项前的列表类型
      取值:
        1、1 数字(默认值)
    2、a 小写字母
    3、A 大写字母
    4、i 小写罗马字符
    5、I 大写罗马字符
   2、start
          列表项前的标识,从第几个字符开始显示

2、无序列表

     标记:<ul></ul> -> Unorder List
 列表项:<li></li>

 属性:
 1、type
    取值:
      1、disc ,实心圆(默认值)
      2、circle ,空心圆
      3、square,实心矩形
      4、none,不显示列表项

3、嵌套列表

     在 <li>中,可以嵌套另一个列表

4、定义列表

  1、作用
     用于要给出一类事物的定义情形,比如:名词
  2、语法
     <dl></dl> : 定义 一个定义列表
 <dt></dt> : 定义 要描述的名词术语
 <dd></dd> : 定义 名词术语的解释

表格

1、表格的作用
按照一定的格式来显示数据
2、创建表格
1、定义表格:<table></table>
2、创建表行:<tr></tr>
3、创建单元格(列):<td></td>

  注意:保证每行的列数都是一致的

3、表格的属性
1、table 属性
1、width :宽度
2、height :高度
3、align
作用:设置表格元素的水平对齐方式
取值:left/center/right
4、border :边框宽度
5、cellpadding
内边距-单元格边框与内容之间的距离
6、cellspacing
外边距-单元格之间的距离
7、bgcolor :背景颜色
2、tr 属性
1、align
当前行的文本 水平对齐方式
3、bgcolor
当前行的 背景颜色
4、colspan :设置单元格跨列
5、rowspan :设置单元格跨行
4、表格的子元素
1、<caption></caption>
作用:定义表格的标题
2、行标题/列标题
显示效果:水平居中,并且加粗显示文本
<th></th> --> <td></td>
1、colspan
跨列,合并列
横向向右 合并几个单元格(包含自己)

    注意:被合并的td,一定要删除
 2、rowspan
    跨行,合并行
    纵向向下 合并几个单元格(包含自己)
  3、表格的嵌套
     表格可以嵌套其他的表格
 被嵌套的表格 要 出现在 <td></td>中

表单(重难点)

input

type="text"        文本类型
type="password"    密码类型
type="radio"       单选框
type="checkbox"    复选框
#
 p
 i  em
 b  strong
 s
 u

 a
 img  但标记


 &nbsp;
 &lt;<
 &gt;>
 &copy; 
 <br/>
 <hr/>

div 

 ol
   li

 ul
   li
 dl
  dt
  dd
 
 table
   tr  行    
     td 列   th 

#表单
  input  输入框  单标记
  <input>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一,HTML语言的一般语法: 1,围堵标记:<>… 1)带属性的标记: … 2)无属性的标记:加粗 居中 标题 2...
    清水易蓝阅读 1,361评论 0 2
  • 你想成功吗?你想通过读书获取成功吗? 读书!每个人都读过书,但是你真的会读书吗?你知道你在为了什么而读吗?你知道怎...
    猫儿浅阅读 684评论 3 2
  • 科学家做了个实验:分别安排两组小朋友玩拼图游戏。第一组的规则是自由玩,怎么开心怎么玩,不做限制;第二组的规则是以比...
    入兴贵贤阅读 550评论 1 1
  • 我只说,觉得很奇怪,那么好看的花怎么会没有叶子呢?姐姐蹩了我一眼说我胡说,怎么会有花没有叶子呢?我说真...
    空琳阅读 267评论 0 0
  • 傍晚,听着路边有人唱着筷子兄弟的那首《父亲》,“谢谢你做的一切,双手撑起我们的家………”一曲终了,已是泪盈满眶,内...
    车美美阅读 353评论 1 0

友情链接更多精彩内容