请把肖像的源"/malepng"改成你的路径和文件名
完整的html程序如下
<!DOCTYPE html>
<html>
<head>
<h1>My Personal Information</h1>
<br/>
</head>
<body>
<p>Author: CHEN Da Wen</p>
<p>Student ID: 123456789d</p>
<table>
<form name="info" action="homepagephp" method="post">
<tr><td>Email:</td><td><input type="text" name="email" value="123456@gmailcom"/></td></tr>
<tr><td>Gendar:</td><td>
<select id="gendar">
<option selected>male</option>
<option>female</option>
</select></td></tr>
<tr><td>Profile Image:</td><td><img src="/malepng"/></td></tr>
<tr><td>Habits:</td><td>
<select id="habits" multiple="multiple">
<option selected>swimming</option>
<option selected>playing video games</option>
<option>playing tennis</option>
</select></td></tr>
<tr><td><input type="submit" value="submit"/></td>
<td><input type="button" value="reset" onclick="inforeset();"/></td></tr>
</form>
</table>
<br/>
<h2>Comment Area</h2>
<table>
<form name="comment" action="homepagephp" method="post">
<tr><td><input type="text" name="comm" value=""/></td>
<td><input type="submit" value="submit"/></td></tr>
</form>
</table>
</body>
</html>
程序员技术面试是永远都不会缺席的，所以为了能够让大家顺利的通过面试，我们今天就一起来了解一下，与html相关的一些面试题都有哪些。
1、什么是盒子模型
有些面试官会问你对盒子模型的理解，在我们平时看到的网页中，内部的每一个标签元素它都是有几个部分构成的：内容(content)、外边距(margin)、内边距(padding)、边框(border)，四个部分组成，当你说完这些面试官是不会满意这个答案的，因为还有一个重点(IE盒模型和标准盒模型的区别)———IE盒模型的content包括border、padding
本文由@IT·平头哥联盟-席填坑官苏南分享
2、页面导入样式时有几种方法，它们之间有区别
link标签引入，也是当下用的多的一种方式，它属于XHTML标签，除了能加载css外，还能定义rel、type、media等属性;
@import引入，@import是CSS提供的，只能用于加载CSS;
style嵌入方式引入，减少页面请求(优点)，但只会对当前页面有效，无法复用、会导致代码冗余，不利于项目维护(缺点)，此方式一般只会项目主站页使用(腾讯、淘宝、网易、搜狐)等大型网站主页，之前有看到过都是这种方式，但后来有些也舍弃了
小结：link页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载,且link是XHTML标签，无兼容问题;link支持动态js去控制DOM节点去改变样式，而@import不支持，
3、简单讲述一下块元素、内联元素、空元素有哪些，它们之间的区别
行内元素有：a、b、span、img、input、select、textarea、em、img、strong(强调的语气);
块级元素有：ul、ol、li、dl、dt、dd、h1、h2、h3、h4p、section、div、form等;
空元素：inputtype="hidden"/>、br>、hr>、link>、meta>;
小结：块元素总是独占一行，margin对内联元素上下不起作用;
4、说说cookies，sessionStorage、localStorage你对它们的理解
cookie是网站为了标示用户身份而储存在用户本地终端上的数据(通常经过加密)，cookie数据始终在同源的>
sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。
大小：cookie数据大小不能超过4k,sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
时效：localStorage存储持久数据，电脑培训发现浏览器关闭后数据不丢失除非用户主动删除数据或清除浏览器/应用缓存;sessionStorage数据在当前浏览器窗口关闭后自动删除。
对于许多刚刚毕业的大学生来说，前端编程开发程序员的职业发展趋势还是非常不错的，而今天天通苑北大青鸟就一起来了解一下，前端编程开发技术面试中常见的html面试问题都有哪些。
1对web标准的理解是什么
先是html标签上，标签闭合，标签小写，不乱嵌套;使用语义化标签，例如header，article，少用b这样没有语义的标签，以提高搜索几率;使用外部的css文件及js文件，使结构表现行为分离;减少文件数目，达到减少网络请求次数，文件下载与页面速度更流畅;内容能被更多的用户及设备访问，保证在版本较低的浏览器下能够呈现完整内容，在版本高的浏览器上能够展现更完美的视觉效果;代码低耦合高内聚，易维护。
2>
100-119：接收成功，要求客户端继续提交下一次请求
200-299：接收成功且完整处理了整个过程。
300-399：客户需要进一步细化：
302：重定向
304/307：拿缓存
400-499：请求出错不能执行
404：请求资源没在web服务器中
403：没有权限，拒绝访问
500-599：服务器端错误
503：由于临时的服务器维护或者过载，服务器当前无法处理请求。
500：服务器遇到了一个未曾预料的状况，导致了它无法完成对请求的处理。一般来说，这个问题都会在服务器的程序码出错时出现。
3你所知道的>
GET：请求指定页面的信息，并返回实体主体。
HEAD：类似于GET请求，只不过返回的响应没有具体内容，用于获取报头
POST：向指定资源提交数据请求处理(例如表单或上传文件)。数据被包含在请求体中。POST请求可能导致新资源的建立/或已有资源的修改。
PUT：从客户端向服务器传送的数据取代指定的文档的内容。
DELETE：请求服务器删除指定的页面。
CONNECT：>
OPTIONS：允许客户端查看服务器的性能
TRACE;回显服务器收到的请求，主要用于测试或诊断
1D
2D
3C
4C
5B
6B
7B
8A
特别是后面三个题目，花了时间喔，还要按题目要求把JS或JQ代码写出来执行，再选答案。希望对你有帮助。这题目应该网页前端的题目喔。哈哈，还好我是搞前端开发的。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML10Transitional//EN"">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" ";
大概就是这样了， 你说的要求排版争取什么意思不明白
以上就是关于HTML 网页，按照题目内容，编写1个HTML网页。详细在图里，求HTML代码，急用全部的内容，包括:HTML 网页，按照题目内容，编写1个HTML网页。详细在图里，求HTML代码，急用、前端面试需要掌握哪些html问题、常见的html面试问题都有哪些等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）