企业网站设计解决方案,网站设计风,巨量引擎app,企业做网站需要注意什么文章目录 一、列表1.1无序#xff08;unorder#xff09;列表1.2 有序#xff08;order#xff09;列表1.3 定义列表 二、表格**2.1 基本的表格标签2.2 演示 三、表单3.1 form元素3.2 input元素3.2.1 单选按钮 3.3 selcet元素 基础部分点击#xff1a;
web基础 一、列表 … 文章目录 一、列表1.1无序unorder列表1.2 有序order列表1.3 定义列表 二、表格**2.1 基本的表格标签2.2 演示 三、表单3.1 form元素3.2 input元素3.2.1 单选按钮 3.3 selcet元素 基础部分点击
web基础 一、列表
前述在日常生活里我们经常用到列表而在HTML中为列表提供了一种简单有效的途径。主要支持两种类型——无序列表和有序列表。
1.1无序unorder列表
标签ul是一种块标签用于创建无序列表。列表中每个项目都是通过标签li指定的li全称是list item。 看代码
!DOCTYPE html
htmlheadtitlelist /titlemeta charsetutf-8 /headbodypthere are three apples./pulliapple1/liliapple2/liliapple3/li/ul/body上述效果非常明显用点来分开每一行。
1.2 有序order列表
有序列表是通过ol来创建的。就是将无序列表的ul变成了ol。
1.3 定义列表
定义列表是通过dl的内容指定的。定义列表中定义的每个术语是作为dt元素的内容指定的。而定义本身是作为dd元素的内容来指定的。有点不好理解这段话直接来代码
!DOCTYPE html
htmlheadtitlelist /titlemeta charsetutf-8 /headbodypthere are three apples./pdldt111/dtddone apple/dddt222/dtddtwo apples/dddt333/dtddthree apples/dd/dl/body
/html这样子是不是比较清楚了原来dt是定义序号就是代替了原来的1、2、3这些下载可以自定义了而dd/dd里面包含的内容原来是列表内容。
二、表格**
表格是单元格构成的矩阵。每一个元素就是一个单元格。
2.1 基本的表格标签
开始结束标签table/table表格的总标题是在caption标签中注意表格的单元格是一行一行输入的表格的每一行都是标记tr的内容每一行开头元素名称都是包含于th而数值或者说元素内容都是包含于td.
2.2 演示
!DOCTYPE html
htmlheadtitleA simple table/titlemeta charsetutf-8 /headbodytablecaptionTHE MARK TABLE/captiontrth /ththchinese/ththmath/ththenglish/th/tr!--ljfs mark--trthljf/thtd 100 /tdtd 99 /tdtd 100 /td/tr!--htcs mark--trthhtc/thtd 0 /tdtd 9 /tdtd 10 /td/tr!--tyls mark--trthtyl/thtd 100 /tdtd 99 /tdtd 100 /td/tr/table/body
/html三、表单
用户通过web浏览器与服务器之间进行通信的最常用的手段是使用表单即为实现人机交互。
3.1 form元素
1一个表单中的所有控件都必须在form元素的内容中指定。from是一个块标签它有多个不同的特性但只有特性 action是必需的。特定action指定了web服务器上一个应用程序的url当用户单击提交按钮时将调用这个应用程序。这个地方简单的来说点击提交后就可以跳转到action后面的url地址。 2form标签的method特性的取值为get和post两个方法中的一种这两种方法用于将表单数据发送给服务器。通常使用post,因为使用post时会更加安全一些能够隐藏信息。 3演示 get
post
3.2 input元素
input元素最常用的属性为type该属性可以指定单选按钮复选框文本框普通按钮数字范围等等。其中还有较为常用的属性value该属性时初始化的目的。来看一下演示。
3.2.1 单选按钮
我们在这里说一下单选按钮的用法。
input typeradio nameemo idsolo label forsolosolo/label
input typeradio nameemo idmarried label formarriedmarried/label两个按钮的name属性一定要一样否则则无法单选会出现以下情况 我们为了地增加用户体验感加入了label标签这样子用户可以点击字或者圆圈都可以选中这里注意label中地for属性的定义要和单选按钮中地id值一样。
3.3 selcet元素
该元素利用select标签来定义里面的内容用option来说明。
selectoption--请选择日--/optionoption1/optionoption2/optionoption3/option
/select点击这个可跳转到css的学习 样式表的学习 css的选择器的使用
