HTML第三天

列表标签

 无序列表标签:ul

 <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
......
</ul>

<ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标记中输入文字的做法是不被允许的。

 有序列表标签:ol

<ol>

    <li>列表项1</li>

    <li>列表项2</li>

    <li>列表项3</li>

......

</ol>

 自定义标签:dl

 <dl>

    <dt>名词1</dt>

    <dd>名词1解释1</dd>

    <dd>名词1解释2</dd>

    ...

    <dt>名词2</dt>

    <dd>名词2解释1</dd>

    <dd>名词2解释2</dd>

    ...

</dl>

表格标签:table

<table>

    <tr>

    <td>单元格内的文字</td>

       ...

    </tr>

    ...

</table>

 

table标签表格整体标签

thead标签,表格标题部分

tbody标签,表格内容部分

tr标签,表格行

td标签,表格内容单元格

th标签,标题单元格

rowspan属性,行合并单元格

colspan属性,列合并单元格

节标签

Div标签:<div></div>  块级标签:独占行。

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

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

 

Span标签:  <span></span>  行级标签:可以跟其他的行内标签共用一行。

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

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

 

表单标签form

表单一般由 文本框、下拉列表、单选、多选、文本域等组成。

Form标签,表单的域标签,用于包裹整个表单的内容。

Input标签(放在表单标签中)是文本框、单选、多选、按钮等。

Type属性不同的取值决定了input标签的作用。

文本框:text

密码框:password

单选:radio

多选:checkbox

按钮:button

提交按钮:submit

重置按钮: reset

<form action="https://www.baidu.com/index.php?tn=56060048_4_pg&ch=12">
    账号:<input type="text"><br>
    密码:<input type="password"><br>
    账号: <input type="text" value="ljn" name="aa"><br>
    密码: <input type="text" value="123" name="bb"><br>
    性别:<input type="radio" name="name">男
          <input type="radio" name="name" checked>女
          <input type="radio" name="name">保密<br>
    爱好:<input type="checkbox" name="name" checked>篮球
          <input type="checkbox" name="name">足球
          <input type="checkbox" name="name">羽毛球 <br>

    <input type="button" value="注册">
    <input type="reset" value="清空">

 

Select标签用于下拉列表,或者列表标签。 Multiple,单属性。

<select>
    <option>广东</option>
    <option>广西</option>
    <option>贵州</option>
    <option>海南</option>
    <option>上海</option>
</select>

 

Textarea文本域标签:当输入大量的文本的时候需要使用文本域标签。

Cols设置文本域可以输入多少列 字符。宽度。

Rows 设置文本域的可以输入的行 字符数,高度。

 

Fildset标签

Legend,组合标签的标题。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,331评论 1 41
  • 列表标签: 无序列表:ul 语法:(下图) 注: … 标记表示这一个无序列表的开始与结束,而 则表示这是一个列表项...
    显然2017阅读 738评论 1 2
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 849评论 0 0
  • 原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...
    任凱阅读 1,416评论 0 5
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,090评论 0 1