1.网页设计与制作的期末复习-html部分

Before 专栏收录该内容
13 篇文章 0 订阅
1.<b>---> <bold>粗体的意思

2. 注释:<!—内容—>

3. H1到H6逐渐变小

4.&nbsp;)是空格

5. 文字样式:<font face="字体1,字体2,字体3" size="最大为7" color="">  </font>

6. <i>是斜体

7. <u>是下划线

8. <del></del>删除线

9. <sup></sup>上标

10. <sub></sub>下标

11. <ruby></ruby>文字标注

12. <address></address>地址标注

13. <tt></tt>设置等宽文字

14. <p></p>段落标记

15. <br><nobr></nobr>换行与不换行

16. <center></center>居中

17. 水平分割线<hr>

18. 预格式化标记<pre></pre>

19. 段落缩进<blockquote></blockquote>段落缩进5个字符

20. 版权所有@copy
    第4章:有序、无序、定义三种

21. 无序列表ul
    Disc 实心圆点

22. 有序列表

23. 编号起始值 start是一个整数

24. 列表项编号
    Value这个属性,可以改变当前列表项的编号大小,并且会影响到其后所有列表项的大小。不过该属性只适用于有序列表。

25. 定义列表
    dl->dt->dd

26. 菜单:menu、dir
    第五章:超链接 绝对路径、相对路径、根路径

27. 书签链接
    2.coords是用于设置图像映射的区域坐标的
    3.url是目的地址
    4.target属性用于指定链接的目标窗口
    第六章:表格由三个标记构成:<table><tr><td>
      1.每对<tr></tr>之间的<td></td>的个数代表该行的单元格数。
      2.表格标题:<caption></caption>写在<table></table>内部
      3.表头<th></th>样式为:居中,加粗显示
      4.表格的属性修饰p74 phone
      
      
      
第七章--表单
	1.表单有两个重要的组成部分:描述表单的HTML源代码与处理用户在表单域中输入的数据的服务端应用程序客户端的脚本:如jsp,ASP.NET等
	2.<form></form>之间的内容就是一个表单。
	3.表单的基本语法:
		<form action="" method="" name="">
		<input>
		<select>
		<textarea>
		....
		</form>
		name:给表单以命名,命名后可利用脚本语言如:JavaScript来操作表单
		action:指定处理表单的服务端应用程序
		method:指定表单处理表单数据的方法,可以为get或者post,但是默认为get
4.输入input
	<input name="" type="">
	
	单标记,必须定义在表单内,用于定义一个用户输入项。
	
	input有六大属性:name、type、size、maxlength、value、check
	
	maxlength:单行文本框可以输入的最大字符数
	
	size:单行文本框可以显示的最大字符数
	
	type有九大类型:text、password、submit、reset、checkbox、radio、image、hidden、file
	
	submit和reset的name都可以是默认的
	一个表单必须有一个submit的按钮否则表单的信息无法提交到服务端程序
	
5.复选框checkbox
	用户可以选中表单的一个或者多个选线作为输入信息。由于选项有多个,为了便于区分,所以每一个复选项的name都应该取不同的值。
	
	value:在提交表单时候传送给服务器的值,所以该值应该与name相同或者类似。该选项是必选项。
	
	<form action="#" method="POST" name="heroes">
		<input type="checkbox" name="1" value="1">篮球<br>
		<input type="checkbox" name="2" value="2">足球<br>
		<input type="checkbox" name="3" value="3">网球<br>
		<input type="submit" value="提交">
	</form>
	
6.单选框radio

用户只能在表单中所有的单选项中选取一项作为输入信息。

因此,所有的单选项的name都应该是相同的,但是每一个单选项的value属性值应该不同。

<input type="radio" name="same" value="1">****
    <form action=" ParaSet.aspx" method="post">    
        <input type="radio" name=" mail " value="10">10<br>    
        <input type="radio" name=" mail " value="20">20(推荐)<br>    
        <input type="radio" name=" mail " value="30">30<br>   
        <input type="radio" name=" mail " value="50">50<br>    
        <input type="radio" name=" mail " value="100">100<br>   
        <input type="submit" value="提交">
    </form>
7.图像按钮image

单击该按钮时,浏览器就会将表单的输入信息传送给服务器。image类型中的src属性是必需的,它用于设置图像文件的路径。

8.文件选择输入框file

    <form action=" index.aspx "  method="post">
    <p>
        请选择文件<br>
        <input type="file" name="uploadfile" size="40">
    </p>
    <div>
        <input type="submit" value="上传" name="Send"">
    </div>
    </form>
    
9.隐藏框hidden

当type=hidden时,表示输入项将不在浏览器中显示。

10.多行文本输入框 textarea

	用<textarea>标记可以来定义高度超过一行的文本输入框,<textarea>标记是成对标记,首标记<textarea>和尾标记</textarea>之间的内容就是显示在文本输入框中的初始信息。<textarea>标记有四个属性:name,rows,cols,wrap。
	
	wrap:默认值是文本自动换行,当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现。
	
11.下拉列表框<select><option>
	在表单中,我们可以通过<select><option>来创造一个下拉式的列表框或者是带有滚动条的列表框。用户可以选中其中的一个或者多个选项。
<form>
    <select name=" " size=" ">
    <option value=" "><option value=" ">
    </select>
</form>

<select>标记是成对标记,首标记<select>和尾标记</select>之间的内容就是一个下拉式菜单的内容。<select>标记必须与<option>标记配套使用。<option>标记用于定义列表中的各个选项,<select>标记有name,size,multiple三个属性。

name:设定下拉列表名字。

size:可选项,用于改变下拉框的大小。size属性的值是数字,表示显示在列表中选项的数目,当size属性的值小于列表框中的列表项数目时,浏览器会为该下拉框添加滚动条,用户可以使用滚动条来查看所有的选项,size默认值为1。

multiple:如果加上该属性,表示允许用户从列表中选择多项。

<option>标记有两个属性:value和selected,它们都是可选项。

value: 用于设置当该选项被选中并提交后,浏览器传送给服务器的数据。如果是默认状态,浏览器将传送选项的内容。
    <form action=" index.aspx " method="post">
    你最喜欢的运动:
    <select name="sports">
        <option value="football">足球
        <option value="bastetball">篮球
        <option value="volleyball">排球
    </select>
    <input type="submit" value="提交">
    </form>
    注意:如果把“你最喜欢的运动:”放在表单外会导致我们不需要的换行。











  • 2
    点赞
  • 3
    评论
  • 20
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值