<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="http://cdnstaticfileorg/codemirror/5402/codemirrormincss">
<style>
CodeMirror {
border: 1px solid #ccc;
}
</style>
</head>
<body>
<textarea id="textareaCode"></textarea>
<button onclick="submitTryit()">点击运行</button>
<div id="iframewrapper"></div>
</body>
<script src="http://cdnstaticfileorg/codemirror/5402/codemirrorminjs"></script>
<script>
var mixedMode = {
name: "htmlmixed",
scriptTypes: [{
matches: /\/x-handlebars-template|\/x-mustache/i,
mode: null
},
{
matches: /(text|application)\/(x-)vb(a|script)/i,
mode: "vbscript"
}]
};
var editor = CodeMirrorfromTextArea(documentgetElementById("textareaCode"), {
mode: mixedMode,
selectionPointer: true,
lineNumbers: false,
matchBrackets: true,
indentUnit: 4,
indentWithTabs: true
});
windowaddEventListener("resize", autodivheight);
function autodivheight() {
var winHeight = 0;
if (windowinnerHeight) {
winHeight = windowinnerHeight;
} else if ((documentbody) && (documentbodyclientHeight)) {
winHeight = documentbodyclientHeight;
}
//通过深入Document内部对body进行检测，获取浏览器窗口高度
if (documentdocumentElement && documentdocumentElementclientHeight) {
winHeight = documentdocumentElementclientHeight;
}
height = winHeight 068
editorsetSize('100%', height);
documentgetElementById("iframeResult")styleheight = height + "px";
}
function resetCode() {
var initCode = "<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"utf-8\"> \n<title>\u83dc\u9e1f\u6559\u7a0b(runoobcom)<\/title> \n<style>\n#grad1 {\n height: 200px;\n\tbackground-color: red; \/ \u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u65f6\u663e\u793a \/\n background-image: linear-gradient(#e66465, #9198e5);\n}\n<\/style>\n<\/head>\n<body>\n\n<h3>\u7ebf\u6027\u6e10\u53d8 - \u4ece\u4e0a\u5230\u4e0b<\/h3>\n<p>\u4ece\u9876\u90e8\u5f00\u59cb\u7684\u7ebf\u6027\u6e10\u53d8\u3002\u8d77\u70b9\u662f\u7ea2\u8272\uff0c\u6162\u6162\u8fc7\u6e21\u5230\u84dd\u8272\uff1a<\/p>\n\n<div id=\"grad1\"><\/div>\n\n<p><strong>\u6ce8\u610f\uff1a<\/strong> Internet Explorer 9 \u53ca\u4e4b\u524d\u7684\u7248\u672c\u4e0d\u652f\u6301\u6e10\u53d8\u3002<\/p>\n\n<\/body>\n<\/html>"
editorgetDoc()setValue(initCode);
submitTryit();
}
function submitTryit() {
var text = editorgetValue();
var patternHtml = /<html[^>]>((|[\n\r]))<\/html>/im
var patternHead = /<head[^>]>((|[\n\r]))<\/head>/im
var array_matches_head = patternHeadexec(text);
var patternBody = /<body[^>]>((|[\n\r]))<\/body>/im;
var array_matches_body = patternBodyexec(text);
var basepath_flag = 1;
var basepath = '';
if (array_matches_head) {
text = textreplace('<head>', '<head>' + basepath);
} else if (patternHtml) {
text = textreplace('<html>', '<head>' + basepath + '</head>');
} else if (array_matches_body) {
text = textreplace('<body>', '<body>' + basepath);
} else {
text = basepath + text;
}
var iframe = documentcreateElement("iframe");
iframesetAttribute("frameborder", "0");
iframesetAttribute("id", "iframeResult");
iframesetAttribute("width", "100%");
documentgetElementById("iframewrapper")innerHTML = "";
documentgetElementById("iframewrapper")appendChild(iframe);
var ifrw = (iframecontentWindow) iframecontentWindow : (iframecontentDocumentdocument) iframecontentDocumentdocument : iframecontentDocument;
ifrwdocumentopen();
ifrwdocumentwrite(text);
ifrwdocumentclose();
autodivheight();
}
submitTryit();
autodivheight();
</script>
</html>
请采纳
这么多要求。又不要这又不要那的。本来我有很多代码。但是怕不符合你要求，还是不提供给你为好。
因学习网页前端制作，所以需要一些源码。1可以只有html+css的小项目（或者是简单的案例，含js也可以），例如只有几个简单的页面也可以。2或者是一些小游戏，不要太复杂的。3也可以是有关这方面的书籍（pdf格式的）。4相关手册文档也可以。5相关视频（html+css不需要视频了，html5跟css3的除外）。注意：1如果是提供下载链接的，请先附上预览图，不要给那些已经失效的链接。2如果是提供源码，请不要给那些没有良好书写习惯的代码（代码没有缩进，书写不规范，不便于阅读）。3给下载链接的，请不要给那些乱七八糟的网站（广告满天飞，下载链接很隐蔽）。4不要发表个人看法，提供素材便可。1、首先，下载html5开发软件IntellijIDEA，这个直接在百度搜索框中搜索即可。打开软件，点击file，选择Newproject，在弹出的对话框中，选择staticweb选项中的html5，点击next，在新对话框中，输入项目名称，点击finish。
2、首先打开DreamweaverCC2018软件新建一个html文件，在右上角点击CSS设计器，并在下方点击加号，然后选择创建新的CSS文件：在创建窗口中，点击浏览按钮。
3、在软件中先建立一个站点并在站点中新建一个CSS文件夹和一个html文件。（可以点击下方引用经验查看如何创建一个站点）在右上角点击CSS设计器，并在下方点击+号，然后选择创建新的CSS文件。
htmlcssjs可以直接在记事本里写，记事本和DW都是工具，DW是专门做网页的，可以可视化编辑，自动生成代码，并且修改代码的时候都有提示，用起来更方便。
学计算机语言，工具只是辅助，还是要学会语法才行，借助DW，设计网页会更有效率。
欢迎分享，转载请注明来源：表白网
微信扫一扫
支付宝扫一扫
评论列表（0条）