1.网页设计与制作的期末复习-html部分
2020-07-19 04:29
465 查看
1.<b>---> <bold>粗体的意思 2. 注释:<!—内容—> 3. H1到H6逐渐变小 4. ( ;)是空格 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> 注意:如果把“你最喜欢的运动:”放在表单外会导致我们不需要的换行。
相关文章推荐
- 网页设计与制作的期末复习-css部分
- 网页设计与制作(HTML+CSS)(二)
- 网页设计与制作(HTML+CSS)(三)
- HTML静态网页css成品DW大学生网页作业制作毕业设计
- 网页设计与制作项目教程HTML+CSS+JavaScript之项目三 flower shop
- 网页设计与制作项目教程HTML+CSS+JavaScript之项目二
- 网页设计与制作(HTML+CSS)
- 网页设计与制作第一课:什么是html,html基础与文本控制标记
- 网页设计与制作项目教程HTML+CSS+JavaScript之项目一
- 网页设计与制作(HTML+CSS)
- 网页设计与制作(HTML+CSS)
- 学习网页设计与制作之HTML文档的基本结构
- 根据PSD登陆页面设计稿切图制作HTML网页全过程
- HTML静态网页成品下载 DW大学生网页作业制作毕业设计
- 网页设计与制作(HTML+CSS)
- 复习:前台页面设计——网页设计的布局、HTML常用的布局结构
- 个人静态网页设计制作个人家乡介绍html网页学生代做网页成品
- 网站SEO 第三部分:对搜索引擎友好的网页设计制作
- 根据PSD登陆页面设计稿切图制作HTML网页全过程
- 网页设计与制作(HTML+CSS)(一)