HTML基础二笔记

作者: Stevenqqq | 来源:发表于2017-02-16 20:37 被阅读0次

一、列表

1.无序列表<ul><li></li><ul>

2.有序列表<ol><li></li><ol>

3.<li>标签中可以任意嵌套

4.自定义列表

<dl>

<dt></dt>(相当于表头)

<dd></dd>(相当于列表项)

</dl>

二、表格

1.<table>

<tr>(行)

<td></td>(行中的列)

</tr>

</table>

2.Table标签表格整体标签

THead标签,表格标题部分

TBody标签,表格内容部分

TR标签,表格行

TD标签,表格内容单元格

TH标签,标题单元格

rowspan属性,行合并单元格

colspan属性,列合并单元格

3.CRTL+{左缩进

CRTL+}右缩进

三、节标签

div和span标签。

块级标签:独占行。

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

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

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

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

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

span{我是第$}*3 可快速生成带编号的span

$即编号

四、表单

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

表单就是用户提交数据到后台的一个虚拟单子。

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

Action属性,用于指定当前表单提交的时候指向后台的地址。

2.<form action="url地址" method="提交方式" name="表单名称">

各种表单控件

</form>

3.Input标签是文本框、单选、多选、按钮等。

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

文本框:text

密码框:password

单选:radio

多选:checkbox

按钮:button

提交按钮:submit

重置按钮:reset

4.Select标签用于下拉列表,或者列表标签。

mutiple="multiple"代表生成一个展开的下拉列表.

5.radio中,checked="checked"为默认选中.

6.两个radio有相同name值可以保证只能选其中一个.

7.select中默认选中:selected="true".

8.checkbox只需加checked.

相关文章

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • web前端笔记2:CSS入门

    学习和完成任务二的笔记任务二:零基础HTML及CSS编码(一) 学习的资料 MDN HTML入门 [MDN CSS...

  • PHP从入门到精通,002第二章HTML-HTML的介绍&

    今天笔记是学习2017泰牛PHP基础班DAY01视频教程的笔记!今天开始学习第二章HTML,本节内容:HTML的介...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5基本介绍

    HTML5基本介绍 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • html基础笔记

    学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...

  • 【HTML笔记】_HTML基础one

    为了写页面硬着头皮上HTML,一切从0开始,但愿我能OK! 【文本样式】 【常见标签】1.title标签 ... ...

  • HTML笔记5:HTML基础

    1. HTML标题 使用 - 标签定义例如: 浏览器会在标签前后添加空行 搜索引擎使用标题为网页的结构和内容编制索...

  • HTML基础(二)

    1.给div命名,使逻辑更加清晰 语法: … 2.创建表格的四个元素: table、tbody、tr、th、td ...

网友评论

    本文标题:HTML基础二笔记

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