Form表单

HTML  超文本标签语言,也叫做标记或元素

<标签 属性=“值”>内容</标签>----标签不区分大小写 

在Visual Studio Code中输入!+tab建会出现以下界面

其中Document为网页标题

<body>和</body>之间为网页主要内容

 

常用标签:<strong>和<b>为加粗字体的标签,<i>和<em>为斜体标签

<!-->为注释标签,将所选内容用ctrl+/可变为注释内容,注释内容不显示。

<br>标签用于换行,在需要换行内容后加上此标签即可换行。---此标签为单标签

<hr>为水平分割线,使用方法br,也为单标签。设置长度用with属性,数值后加:“px”,宽度为size属性。如图:

P标签是段落标签

使用段落标签每个相邻的p标签中间会空一行。

属性为“align” 位置:center居中,left居左,right居右

font标签---设置字体  color属性:red blue等颜色单词等

                     #rrggbb---三原色(red green bule)

Sub、sup、pre、span标签

Sub---下标标签,数组a的下标为2表示为a[<sub>2</sub>]

Sup---上标标签,二的三次方表示为2<sup>3</sup>

pre---原样输出,<pre>xxx</pre>

span---修饰文本的标签---标准的行内标签

hn,div标签

hn标签指的是h1,h2,h3,h4,h5,h6--标题标签(取值只有1到6,字体逐渐减小,且有加粗效果)

div---标准的块级标签---盒子布局

块级标签独占一行,会自动换行 div hn hr p

行内标签无自动换行,除非此行内容铺满整个页面—span

 

特殊字符

两个nbsp为一个空格

表单标签

form标签一般会和input标签连用    <form action=“路径”>

action---跳转的路径  路径分为绝对路径和相对路径

method---用来明确表单提交的方式(get post)默认为get

name---表单的名称

get请求会把用户信息暴露在地址栏上,post请求比get安全

绝对路径:从盘符开始,找到你所需要的文件的路径  路径+文件名称

相对路径:当前源文件和目标文件的相对位置

表单元素

表单元素(文本框,密码框,下拉列表框等),一般由input,textarea,

select标签构成,需要放在form标签内使用

input标签语法:<input type=“元素类型” name=“元素的值”>

type的取值:text—文本,password—密码框,radio—单选按钮

checkbox—多选按钮,submit—提交按钮,reset—复位按钮

button—普通按钮,image—图像按钮,file—文本域(上传文件按钮)

hidden—隐藏域,email—邮箱,color—颜色域,date—日期,time—时间

datetime-local—日期和时间,range—进度条,checked—默认选择

readonly—只读,字段只能读不能修改,disabled—表示禁用

autofocus—默认光标的位置,required—不能空白提交

Select标签

下拉列表框---一般与option标签进行连用

Selected属性—默认被选中选项

Textarea标签

用来实现文本域

Cols=“30”----多少列,表示文本域宽度

Rows=“10”----多少行,表示文本域的高

常见的属性:

A标签----超链接

Vlink----访问过的超文本链接的颜色

Alink----激活超文本链接的颜色

Link----超链接文本的颜色

Text----文本颜色

Bgcolor----背景颜色

Background----背景图片

颜色表示法:

  1. 英文单词 red等
  2. #rrggbb
  3. Rgba()a表示透明度

弹幕标签marquee

direction------表示滚动的方向,值可以是left,right,up,down,默认为left 

behavior------表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(往返滚动) 

loop-----表示循环的次数,值是正整数,默认为无限循环 

scrollamount-----表示运动速度,值是正整数,默认为6 

scrolldelay----表示停顿时间,值是正整数,默认为0,单位似乎是毫秒 

align-----表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle 

bgcolor------表示运动区域的背景色,值是16进制的RGB颜色,默认为白色 

height、width------表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度 

hspace、vspace------表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

οnmοuseοver=this.stop() οnmοuseοut=this.start()------表示当鼠标移上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

表格的间距和边距

Cellpadding---表示表格边距(表示的单元格内元素距离单元格边缘距离)

Cellspacing---表示表格的间距(单元格之间的距离)

默认的边距和间距取值为2px

表格的嵌套:

表格里面也可以再包含一个表格(可以将一个表格放在另一个单元格内)用于布局

表格的合并:

Rowspan=“n”----n为整数,表示单元格在垂直方向上跨行,合并行

Colspan=“n’”---表示单元格在水平方向上去跨列,合并列

Del-----表示废除

列表标签

有序,无序和数据列表

有序---ol标签,与li标签连用

type属性---表示设置序号的种类-有数字,大写和小写字母以及阿拉伯数字大小写,默认type=“1”

start属性---控制开始序号的位置

reversed属性---表示降序(反序)

无序---ul标签与li标签连用

  type属性---无序列表样式disc为默认的实心圆,circle表示空心圆,square表示实心方块

数据列表---dl标签,显示有标题的数据与dt,dd连用,dt表示标题,dd表示内容

HTML5之后一个dl标签内可以包含多个dt标签

多窗口框架

一个页面可以显示多个窗口---frameset,需与frame连用,不可与body标签连用

cols---定义页面列方向的尺寸或数目

rows---定义行方向的尺寸或数目

  frame内加src=“链接的地址”

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值