html代码

Asp.net服务器控件编程(1) 开篇、基础

流过昼夜 提交于 2020-03-29 19:09:58
在园子里也大概搜了下,thinhunan写过一个系列《今天你写控件了吗》,写的也很不错。但是我还是下定决心写这个系列的文章,以完成Component和Control的一个完整的系列。 有朋友给我说:Asp.net之所以方便和强大,关键是它有一组强大的Asp.net服务器控件,在Asp.net中我们经常会遇到Html标注,Html服务器控件、Web控件和Asp.net服务器控件等等,你能区分出它们之间的关系吗?那我们首先来区分下Asp.net开发中经常用到的几个概念,Html标注、Html服务器控件、Web控件和Asp.net服务器控件, Html标注:就是我们传统所说的Html 超文本标记语言,这些Html标注在以往的静态网页或网页里即可满足我们的需求,Html标注并没有办法利用程序直接来控制它们的属性、使用方法和接收事件,我们必须另外学习其它如JavaScript 等程序语言才得以控制。如:<input id="Button1" type="button" value="button" />。 Html服务器控件:就是上面我们讲的Html标注的属性里加上runat="server"所构成的控件,至于Html标注和Html服务器控件之间的区别很明显,Html服务器控件是运行于服务器端,Html标注是运行于客户端。具体来说:当ASP.NET 网页执行时,会检查标注有无runat 属性

浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome

血红的双手。 提交于 2020-03-29 08:00:54
javascript部分 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行 解决方法: 改用 document.formName.elements["elementName"] 2. 集合类对象问题 问题: 代码中许多集合类对象取用时使用(),IE能接受,FF不能 解决方法: 改用 [] 作为下标运算,例: document.getElementsByName("inputName")(1) 改为 document.getElementsByName("inputName")[1] 3. window.event 问题: 使用 window.event 无法在FF上运行 解决方法: FF的 event 只能在事件发生的现场使用,此问题暂无法解决。可以把 event 传到函数里变通解决: onMouseMove = "functionName(event)" function functionName (e) { e = e || window.event; ...... } 4. HTML对象的 id 作为对象名的问题 问题: 在IE中,HTML对象的 ID 可以作为 document 的下属对象变量名直接使用,在FF中不能 解决方法: 使用对象变量时全部用标准的

前端学习阶段性练习题

回眸只為那壹抹淺笑 提交于 2020-03-29 07:08:15
1.在浏览器的控制台中打印九九乘法表 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var str=''; // 1*1=1\t\n2*1=2\t2*2=4\t for(var i=1;i<10;i++){ for(var j=1;j<=i;j++){ str+=i+'*'+j+'='+(i*j)+'\t'; } str+='\n'; } console.log(str); //控制台打印 </script> </html> View Code 2. 在浏览器的控制台中打印等边三角形 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var index=11; //行数必须是奇数 var str=''; for(var i=1;i<=index;i++){ //加入空格 for(var j=0;j<index-i;j++)

前端-HTML练习题

三世轮回 提交于 2020-03-29 07:07:34
本小节重点: 熟练使用div+span布局,知道div和span的语义化的意思 熟悉对div、ul、li、span、a、img、table、form、input标签有深刻的认知,初期也了解他们,知道他们在浏览器上的初始化样式是怎样的。 熟练网站布局结构 比如 header区域,侧边栏区域,内容区域,脚部区域 查询一下对div和span标签的理解 如何理解标签的嵌套结构?它们的规则是怎样的? 如果给你一个网站,让你只用div来画块的画,如何画?比如京东 一个html文件包含几部分? 当使用p标签的使用,应该注意什么? 阐述一下form标签的作用?form标签的属性有哪些? ul的孩子元素一定是li么? 如何理解语义化的标签? 标签的分类 1、查询一下对div和span标签的理解 div是块级元素,在没有任何布局属性作用时,默认排列方式是换行排列 span是行内元素、内联元素,在没有任何布局属性,默认是同行排列 编程题: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>百度注册</title> </head> <body> <dir > <form action="https://www.baidu.com" method="post"> <p> <label for="user"

前端基础HTML篇

流过昼夜 提交于 2020-03-29 06:22:39
OXO1写在前面 一. web 1.网页 通常是html格式的文件,通过浏览器来解析。 2.网站 英特网上根据一定的规则,使用html等制作的用于展示特定相关内容的网页集合。 3.web标准的构成 (1)结构: 结构是对页面元素的整理和分类,eg : HTML (2)表现 用于设置网页元素的版式,颜色,大小等外观样式,eg : CSS (3)行为 是指网页模型的定义以及交互。eg : JS 注 : web最佳的体验方案:结构,表现,行为相分离。 二.浏览器 1.浏览器内核: 浏览器内核(渲染引擎)负责读取网页内容,整理讯息,计算网页显示方法并显示页面。 内核 浏览器 Trident IE 猎豹安全 360极速浏览器 百度浏览器 Gecko firefox Webkit safari(苹果浏览器) Blink chrome Opera OX02 HTML 一.HTML HTML指的是超文本标记语言(Hyper Text Markup Language),它不属于编程语言,而是属于一套标签,用来描述网页。 HTML文档的后缀为 " .html " 或者 “ .htm ” 1.HTML语法 (1)双标签 标签通常是由尖括号括起来关键字的一对标签。 <html> </html> (2)单标签 <br /> 2.标签关系 (1)包含关系 <head> <title></title> <

1——web前端HTML基础

北慕城南 提交于 2020-03-29 05:20:00
HTML 什么是HTML:超文本标记语言(HyperText Markup Language,简称HTML) HTML基本内容分为头部(head)和身体(body)两部分 HTML基本模板 <!DOCTYPE html>标签:作用:在html文件最前面进行声明,定义文档类型,告知浏览器用html何种规范去解析文档 常用的标签 由尖括号包裹单词构成,eg:<html>,所以标签不可能以数字开头 标签使用样式: 1.开始标签<a>标签体</a>结束标签 2.自闭和标签,eg:<br>,<hr>,<input>,<img> 块级标签和内联标签: 块级标签:<p>、<h1>、<table>、<ol>、<ul>、<form>、<div> 内联标签:<a>、<input>、<img>、<sub>、<sup>、<textarea>、<span> 块级元素的特点:   总在新的一行上开始   高度,行高以及外边距和内边距都可以控制   它可以容纳内联元素和其它块元素 内联元素特点:   和其他元素在同一行上   高,行高以及外边距和内边距不可改变   宽度就是其文字或图片宽度不可改变   内联元素只能容纳文本或者其它内联元素 常用标签之块级标签 标题标签: 一般用于文章的标题,有h1~h6 段落标签: 会把HTML文档分割成若干段落 列表标签: 列表标签分为:无序列表和有序列表以及定义列表

webpack4系列之 【2. 踩坑--webpack 2.x升级至4.x】

╄→гoц情女王★ 提交于 2020-03-28 20:50:27
一.安装webpack-cli,webpack@4.26.1 1.npm install webpack-cli -D 2.npm install webpack@4.26.1 -D 二.踩坑 执行npm run dev报错 1./Users/lily/ForWork/forBMSys/bm-fe/node_modules/html-webpack-plugin/lib/compiler.js:81 var outputName = compilation.mainTemplate.applyPluginsWaterfall('asset-path', outputOptions.filename, { ^ TypeError: compilation.mainTemplate.applyPluginsWaterfall is not a function 解决方案:1).npm install webpack-contrib/html-webpack-plugin -D 网上大多数是这个答案,但是我这里执行不通,每次都报错。暂时没有找到原因。     2).npm i -–save-dev html-webpack-plugin@next 2./Users/lily/ForWork/forBMSys/bm-fe/node_modules/webpack/lib/webpack

Javascript中的反射机制(五)

时光怂恿深爱的人放手 提交于 2020-03-28 07:32:01
一: 什么是反射机制 反射机制指的是程序在运行时能够获取自身的信息。例如一个对象能够在运行时知道自己有哪些方法和属性。 二: 在JavaScript中利用for(…in…)语句实现反射 在JavaScript中有一个很方便的语法来实现反射,即for(…in…)语句,其语法如下: for(var p in obj){ //语句 } 这里var p表示声明的一个变量,用以存储对象obj的属性(方法)名称,有了对象名和属性(方法)名,就可以使用方括号语法来调用一个对象的属性(方法): for(var p in obj){ if(typeof(obj[p])=="function"){ obj[p](); }else{ alert(obj[p]); } } 这段语句遍历obj对象的所有属性和方法,遇到属性则弹出它的值,遇到方法则立刻执行。在面向对象的JavaScript程序设计中,反射机制是很重要的一种技术,它在实现类的继承中发挥了很大的作用。 反射的一个很经典实例: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <script language="JavaScript"

JavaScript进阶(三)之对象

陌路散爱 提交于 2020-03-28 04:28:49
返回星期方法 getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下: <script type="text/javascript"> var mydate=new Date();//定义日期对象 var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; //定义数组对象,给每个数组项赋值 var mynum=mydate.getDay();//返回值存储在变量mynum中 document.write(mydate.getDay());//输出getDay()获取值 document.write("今天是:"+ weekday[mynum]);//输出星期几 </script> 注意:以上代码是在2014年3月7日,星期五运行。 结果: 5 今天是:星期五 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>获得星期</title> <script type="text/javascript"> var mydate=new Date(); var weekday=["星期日","星期一","星期二",

HTML基础

*爱你&永不变心* 提交于 2020-03-27 19:31:53
HTML是什么?官方给出的答案:超文本标记语言。很多人看了这个解释后,还是懵了。其实也没有这么复杂,你直接把HTML理解成是浏览器能识别的语言就行了。 第一个例子 新建index.html,并输入以下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> 这个就是最简单的html结构 代码说明 1、 所有的HTML文档都应该有一个<html>标签 2、 <html>标签可以包含两个部分:<head>和<body> 3、 <head>标签包含整个文档的一般信息,比如:title、meta、link等 4、 页面上能看到的内容都是放在<body>标签里 标签介绍 1、 有些标签是成对形式出现,有些是自闭合形式出现。如:<div></div>、<meta charset="UTF-8" />等 2、 究竟哪些标签是成对出现,哪些是自闭合,这就需要平时我们死记了 3、 根据换行效果,可把标签元素划分为:行内元素和块级元素 块级元素 div - 常用块级容易,也是css layout的主要标签 p - 段落 ul - 非排序列表 table - 表格 h1 - 大标题 h2 - 副标题 h3 - 3级标题