html基础


1在 href 属性中指定链接的地址

<a href="http://www.w3school.com.cn">This is a link</a>

<a href="/example/html/lastpage.html"style="text-decoration:none" >

这是一个没有下划线的链接!

如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。例如:<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

2、HTML 图像是通过 <img> 标签进行定义的

<img src="w3school.jpg(这里写的是图片放的位置,例如C:\Apps\1.jpg)" width="104" height="142" /> </a>

3.<hr /> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。

4pre 标签对空行和空格进行控制。pre 标签很适合显示计算机代码

5、可以使用图像来作链接:

<a href="/example/html/lastpage.html">

<img border="0" src="/i/eg_buttonnext.gif" />

</a>

6、表单,表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。 注意密码写法

<form>  //form是双标签,input是单标签

用户:<input type="text" name="user"/>

<br />

密码:<input type="password" name="password"/>

</form>

7单选按钮(Radio Buttons

当用户从若干给定的的选择中选取其一时,就会用到单选框(nameb必须的,可保证每次单选,value可省略??)。Checked是默认选择的那个

<form>

<input type="radio" checked="checked" name="sex" value="male" />

<br />

<input type="radio" name="sex" value="female" />

</form>

复选框(Checkboxes

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

<form>
我喜欢自行车:
<input type="checkbox" name="Bike">
<br />
我喜欢汽车:
<input type="checkbox" name="Car">
</form>

8、表单的动作属性(Action和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。(action后的url是你点击了Submit提交按钮后,跳转的地址)

<form name="input" action="html_form_action.asp" method="get">

Username: 

<input type="text" name="user" />

<input type="submit" value="Submit" />//这不跟按钮的功能似的了吗?提交submit和按钮button

</form>

9、下拉列表

<form>

<select name="cars">

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

<option value="fiat">Fiat</option>

<option value="audi" selected="selected">Audi</option>(表示带有预选值的)

</select>

</form> 

10文本域(多行文本输入控件)。用户可在文本域中写入文本。可写入字符的字数不受限制。 

<textarea rows="10" cols="30">

The cat was playing in the garden.

11、创建按钮(可以对按钮上的文字进行自定义)

<form>

<input type="button" value="Hello world!">

</form>

12、

HTML 表单中有两种类型的单元格:

表头单元格 包含表头信息(由 th 元素创建)

标准单元格 包含数据(由 td 元素创建)

th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。

<caption>表格的标题</caption>,位于table标签下面

13、HTML tabindex 属性
tabindex 属性规定元素的 tab 键控制次序(当 tab 键用于导航时)。
带有指定 tab 键顺序的链接:
<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

14、required 属性规定必需在提交之前填写输入字段。

如果使用该属性,则字段是必填(或必选)的。

Name: <input type="text" name="usr_name" required="required" />

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值