美文网首页四期学习小组
Html阶段第二小节第一天

Html阶段第二小节第一天

作者: AndrewZheng | 来源:发表于2017-04-23 11:17 被阅读1次

1.有序列表标签

<ol>

        <li><span></span></li>

        <li></li>

</ol>

列表标签和列表项标签之间一般不穿插其它标签,列表项标签之间可以穿插其它标签。

2.无序列表标签

<ul>

        <li><span></span></li>

</ul>

3.自定义列表标签

<dl>   //列表标签

        <dt>  //列表标题标签

        <dd>  //列表项标签

        </dd>

        </dt>

</dl>

4.表格标签的两种形式

①较简易的形式

<table>  //border属性可以控制整个表格线条的粗细

        <tr>//行标签

                <td>单元格内的文字</td>//一个<td>标签代表一个单元格

        </tr>

<table>

②语义完整的格式(有利于SEO)

5.单元格的合并

①单元格的rowspan属性: 

rowspan=x,1个单元格占用x个行进行显示

②单元格的colspan属性:

colspan=x,将一行中的一个单元格占用两个列进行显示

6.节标签

①Div标签:块级标签,独占一行

②Span标签:行级标签,可以和其他行级标签共用一行

相关文章

  • html阶段第二小节

    列表标签: 无序列表:ul 语法:(下图) 注: … 标记表示这一个无序列表的开始与结束,而 则表示这是一个列表项...

  • Html阶段第二小节第一天

    1.有序列表标签 列表标签和列表项标签之间一般不穿插其它标签,列表项标签之间可以穿插其它标签。 2...

  • Html阶段第二小节第二天

    1.表单 代码输入样式如下: 2.label标签 表示Label标签要绑定的HTML元素,你点击这个标签的时候,所...

  • html阶段第二小节第二天

    头部标签 ① <!doctype>标记位于文档最前面,文档协议声明标签 ② 标记位于<!doctype>之后, ...

  • html阶段第二小节第二天

    1:还原活的设计 设计稿――ps ――html 页面+效果 切图――写标签和样式――实现效果 2:传统前端 h...

  • HTML第二小节

    1. 快捷键 ctrl+{ 进行左缩进 ctrl+} 进行右缩进 2.table 代表整个单元格 tr代表一整...

  • HTML第二小节

    一、列表标签 1、无序列表:ul--li 2、有序列表:ol--li 备注:ul和ol中间不能嵌套标签,li中间可...

  • HTML第二小节

    1、列表标签 无序列表:一组没有排列顺序的数据 列表项 有序列表:一组有顺序的数据 列表项 自定义列表:一...

  • HTML阶段第二小节第1~3天

  • html阶段第一小节

    1.firefox,firebug是火狐浏览器下的一款开发插件,是开发HTML、CSS、JavaScript等的得...

网友评论

    本文标题:Html阶段第二小节第一天

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