美文网首页四期学习小组
day4HTML高级标签-上

day4HTML高级标签-上

作者: 哈哈super | 来源:发表于2017-04-19 09:31 被阅读2次

1.列表标签

列表分为:有序列表 无需列表 定义列表

1.1 无序列表

用来表示一个列表的语义,并且每个项目和每个项目之间是不分先后的.

ul 是无需列表的意思 li是列表项

注意:所有的li不能单独存在,必须包裹在ul里面;ul的儿子不能是别的东西只能是li

1.2 有序列表

格式:

1.3 定义列表

dl 定义列表

dt定义标题

dd定义表述词

2. 表格标签

Table标签表格整体标签

THead标签,表格标题部分

TBody标签,表格内容部分

TR标签,表格行

TD标签,表格内容单元格

TH标签,标题单元格

rowspan属性,行合并单元格

colspan属性,列合并单元格

快捷键:ctrl+{进行左缩进,ctrl+}进行右缩进

3. div和span

Div标签:  容器标签

Span标签:  文本及标签 只能放置 文字 图片 表单元素

块级标签:独占行。

行级标签:可以跟其他的行内标签共用一行。

块:p,div,ul,ol,dl,li,dt,h1-h6

行:span,strong,em,文本相关的标签都是行内标签。

Div多用于表示文档中的一个块或者是整个结构的小节。

Span标签,多用于文本的一小节。

4.表单标签

表单是收集用户信息的,就是让用户填写的 选择的

4.1 文本框

<input type="text" value="默认有的值" />

input表示  输入

type表示类型

text表示文本

value表示值

4.2密码框

<input type="password" />

4.3 单选按钮

<input type="radio" name="xingbie" />男

<input type="radio" name="xingbie" />女

4.4 复选按钮

<input type="chechbox" />篮球

4.5下拉列表

select 就是选择 option是选项

格式:

4.6 文本域

cols属性表示列 rows属性表示行 

值就是一个数 表示多少行,多少列

相关文章

  • day4HTML高级标签-上

    1.列表标签 列表分为:有序列表 无需列表 定义列表 1.1 无序列表 用来表示一个列表的语义,并且每个项目和每个...

  • 标签打印机用的纸张都有哪些?分别用在什么用途?

    一般来说,标签纸的种类与很多,但比较常见的标签纸种类有铜版纸标签、PET高级标签纸、PVC高级标签纸、热敏纸、服装...

  • 标签打印机的纸张

    一般来说,标签纸的种类与很多,但比较常见的标签纸种类有铜版纸标签、PET高级标签纸、PVC高级标签纸、热敏纸、服装...

  • Day09_表格表单和统筹

    学习目标 1、表单标签及属性高级 2、表格标签及属性高级 3、CSS统筹 4、BFC概念和应用场景 一、表单标签及...

  • 归零——html-第二天

    html高级标签 效果展示

  • Day3

    高级标签: 列表标签: 无序列表标签: 标签。 标签则是列表项。 有序列表: 标签 自定义列表: 标题...

  • 2.16Day3笔记

    高级标签 ①列表标签: 有序列表标签: 无序列表标签: 列表项: 自定义列表: ...

  • html高级标签

    初学入门,可能有些地方会理解有误,恳请批评指正~ 1. style属性:改变背景颜色,设置颜色、字体、尺寸,设置文...

  • HTML第二小节第一天

    高级标签 列表标签 无序列表 unorder list 没有顺序的标签列表 北京 上海 杭州 有序列表 order...

  • html常用的基本标签

    HTML基础包括web工作原理,HTML概述,HTML基本标签和HTML高级标签。 〈html〉...〈/html...

网友评论

    本文标题:day4HTML高级标签-上

    本文链接:https://www.haomeiwen.com/subject/sxjczttx.html