第一节、文本标签

-

,标题标签用来描述一个标题, 标题标签总共有六个级别,由高到低分别是:h1、h2、h3、h4、h5、h6。

我是一级标题

我是二级标题

我是三级标题

我是四级标题
我是五级标题
我是六级标题

:标签在每个页面中通常只出现一次


强调语句标签:

用于强调某些文字的重要性

更加强调标签:标签一样,用于强调文本,但它强调的程度更强一些。

无语义标签:,标签是没有语义。

短文本引用标签:,简短文字的引用。

长文本引用标签:

定义长的文本引用,换行标签

标签作用相当于word文档中的回车、起到文字换行的作用。

第二节、多媒体标签

链接标签:

图片标签:

视频标签:

目前video支持三种视频格式

– Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

– MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

– WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

音频标签:

第三节、列表

无序列表标签:

ul-li是没有前后顺序的信息列表


  • 代表无需列表中的每一个元素
  • HTML

  • CSS

  • JavaScript

有序列表:

ol-li列表默认情况下,每个li在浏览器中都会显示一个数字,代表自己的序号。

定义列表:

定义列表通常和

和标签一起使用。:定义列表中的项目:描述列表中的项目

需要掌握HTML,搭建网页结构 需要掌握CSS,用于修改网页结构的样式 需要掌握JavaScript,用于用户和计算机交互

第四节、表格

表格标签:

表格的一行:

有几对tr,表格就有几行。

表格的表头:

表格的头部的一个单元格,表格表头。

单元格:

表格的一个单元格,一行中包含几对

,说明一行中就有几列。


姓名

性别

年龄

张三


25

小花


23

李四


28

表格合并

同一行内,合并几列colspan=“2”

同一列内,合并几行rowspan="3"

第五节、表单标签系列

表单标签:

表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。



html5中select实现搜索和数据结合_html select标签 选择事件

web



action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)

method : 数据传送的方式(get/post)

输入标签:

input是最重要的表单标签,重要属性包括:

name:为文本框命名,用于提交表单,后台接收数据用。

value:为文本输入框设置默认值。(一般起到提示作用)

type:通过定义不同的type类型,input的功能有所不同(见下表)

type 功能说明:

text:单行文本输入框

password:密码输入框(密码显示为***)

radio:单选框 (checked属性用于显示选中状态)

checkbox:复选框(checked属性用于显示选中状态)

file上传文件

button:普通按钮

reset:重置按钮(点击按钮,会触发form表单的reset事件)

submit:提交按钮(点击按钮,会吃饭form表单的submit事件)

email:专门用于输入 e-mail

url:专门用于输入 url

number;专门用于number

range:显示为滑动条,用于输入一定范围内的值

date:选取日期和时间(还包含:month、week、time、datetime、datetime-local)

color:选取颜色

按钮

button标签的功能与按钮功能相同,button是双标签,内部可以嵌套其他行内元素。

下拉选择框

看书旅游运动购物

选项是下拉选择框里面的每一个选项

selected:当某个option选项有这个属性时候,select默认选中这个选项

文本域

当用户想输入大量文字的时候,使用文本域

cols :多行输入域的列数。

rows :多行输入域的行数




html5中select实现搜索和数据结合_小程序input换行_02

css



第六节、其他语义化标签

盒子

俗称为盒子,division(分割)

在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个



什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。




html5中select实现搜索和数据结合_html select标签默认值_03

HTML



网页头部

HTML5新增语义化标签,定义网页的头部

主要用于布局,分割页面的结构

底部信息

HTML5新增语义化标签,定义网页的底部

主要用于布局,分割页面的结构

导航

HTML5新增语义化标签,定义一个导航

主要用于布局,分割页面的结构

文章

HTML5新增语义化标签,定义一篇文章

主要用于布局,分割页面的结构

侧边栏

语义化标签,定义主题内容外的信息

主要用于布局,分割页面的结构

时间标签

语义化标签,定义一个时间