HTMl基础

(1)HTML(超文本标记语言(超文本指的超出文本范围的,比如图像,视频,音频等)),HTML使用标记标签(markup tag)来描述网页。
(2)浏览器类别:IE核心的浏览器(WebBrowser引擎),非IE核心的浏览器(WebKit引擎(开源的)),双核浏览器一般同时具有这2个引擎。
(3) 网页:静态页面(放在服务器上),动态页面(服务器动态生成的页面,动态语言(程序开发语言))。
(4)普通的HTML页面和任何后台语言无关,可以使用dreamweaver等工具写,这些工具是给美工用的,开发人员用好VS写HTML。
(5)XHTML,XML,HTML。
在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。 XML是可扩展标记语言,有强大的对数据处理的能力。
(6)HTML基础:
(6.01)结构:<html></html>(1级);<head></head>头部信息,是对页面的描述,不会显示在页面中(2级);<title></title>页面的标题(3j级)处于head之下;<body></body>页面的主体(2级)
(6.02)颜色体系:bgcolor(back ground color)(选取颜色方法:找到颜色源代码;使用内置的颜色选取器。)
(6.03)格式标签成双成对,或者单个但是必须关闭;属性的值必须用双引号。
(6.04)替代符:空格 :
&nbsp; 大于号小于号:&lt;&gt
(6.05)文字格式: <br/> 回车;<p></p>分段,段落之间有空白;<center></center>居中;h标签,<h1></h1>到<h6></h6>六个标签,定义字体大小;<b></b>粗体
(6.06)URL,超链接:URL:表示资源在网络中的地址。URL(/....网站根目录;....当前目录;.../上级目录)。超链接<a href="http://www.baidu.com">百度(也可以嵌套图片)</a> target属性(国内网站默认在新窗口打开 target = "
_blank ")
(6.07)图片: img必须2个属src和alt(图片的地址/图片未加载的显示文本),一般指定好width和height(固定大小),缩略图处理方式:创建一个小图,浏览器显示的,然后点击小图链接到大图。
(6.08)列表:<ul></ul>unordered list/<ol></ol> ordered list 无序/有序
(6.09)表格:<table><tr><td></td></tr></table> 表格-行-单元格(和数据库的表:表-行-单元格一样 table-rows-row[i]) 3个标签的具体属性查询
www.w3school.com.cn 。默认继承父标签属性,但是自有属性会覆盖父类属性体现自有属性。
(6.10)表单:<form></form>需要用户输入的东西,他就是表单。
(6.10.1)input标签是主要的表单元素,值有:
                submit(提交按钮):点击表单就提交到服务器,默认按钮文本为“提交查询”,可以设置value属性来修改文本。
                button(普通按钮),
                hidden(隐藏字段),
                image(图片按钮):常用属性src
                checkbox(复选框):常用属性checked(被选中)
                file(文件选择框):使用file,form的enctype必须设置为multipart/form-data,method属性为post
                password(密码框),
                radio(单选按钮):使用name属性来分组,相同的name为一组 <input type ="radio"  name = "sex"/>男<br /> <input type="radio"  name = "sex"/>女<br />从而来实现单选。
                
reset(重置按钮),
                text(文本框):常用属性为readonly。
(6.10.2)select标签:创建类似于combox和listbox,下拉列表单选/多选。如果属性size>1就是listbox,下拉框可以通过设置属性(multiple)来选择多个或者单个。combox单选。有optgroup(选项分组)与option2个子标签。
(6.10.3)textarea:文本区域,rows行,cols列控制大小 
(6.10.4)fileset标签: 实现一个框框框起来。
legend属性:该块的说明:比如爱好,然后下面是一组爱好选择。
(6.11)u标签:表示加下划线

(6.13)label标签:     <label for="txt1">  姓名</label> <input type="text" id="txt1" />文本修饰text标签,选定label,text就可以获取焦点。 

(7)CSS层叠式样表

(7.1) CSS:HTML的元素标签描述我是谁,CSS描述元素长的什么样子。用来美化页面用的,可以对页面元素进行更精细的设置,样式主要描述元素的字体颜色,背景颜色,边框等。
(7.2)CSS使用方式:
(7.2.1)元素内联。直接在样式写入元素的style属性中;
(7.2.2)页面嵌入。在head标签中加入style标签。<style type="text/css"> input{color-:red;}</style>
(7.2.3)外部引用。在head标签中引用外部的css文件。<link type="text/css" rel="Stylesheet" href="s1.css"/>加入link标签引用外部css文件。代码解析:type类型,rel描述关系:样式表,href:文件路径。
(7.3)div:层,span:块
(7.3.1)div 将内容放到层中,会影响布局,成长方形格式。把他们当成一个整体处理,如隐藏,移动。div有悬浮停靠属性。div的100%是相对父级别来说的。 Html级元素默认宽度是100%,即整行;但是高度并不是100%,而仅仅是一行而已。 所以要想实现撑满整个页面,必须显式地设置高度为100%!
div的使用:div盒子理论:从里到外:div的元素的内容->dv边框与内容的距离(内边距padding)->div边框的厚度->div边框与外层div/同层div的的距离(外边距
margin )。不同 浏览器默认读取的值可能不一样,所以在stytle加入  padding,margin,broder为0。在调整div布局的时候,通常采用固定长度来设置。(IE 浏览器div的长度包括边框,非IE(wc3标准)不包括边框。)
(7.3.2)span 只是把内容放到块中,定义成一个整体来操作,可以成不规则形状。
(8)JS基础
(8.1)JS:JavaScript,前身为LiveScript,吸收了一些Java的特性,所以改称为JS,不是用Java来写的Script。JS是解释性(直译型)语言,而C#,Java是编译语言,是动态的,弱类型语言。 它的解释器 被称为JavaScript引擎,浏览器 的一部分,广泛用于客户端 的脚本语言,最早是在HTML 网页上使用,用来给HTML网页增加动态功能。
(8.2)日常用途:
(8.2.1) 嵌入动态文本于HTML页面。
(8.2.2)对浏览器事件做出响应。
(8.2.3)读写HTML元素
(8.2.4)在数据被提交到服务器之前验证数据
(8.2.5)检测访客的浏览器信息
(8.2.6)控制cookies,包括创建和修改等
(8.3)语法:JS是弱类型语言。
(8.3.1)明变量用var,比如var i=1;表示 声明i为整型的1,,i=”123“,声明为字符串123,并且i的值可以随便改变,称之为弱类型。基本语法和C#差不多。
(8.3.2)函数的声明格式:function+函数名+参数列表(function getnumber(i)){.....},通常第一个大括号应该保持与函数名同列,不然可能会出现歧义。
(8.3.3)匿名函数:顾名思义,没有名字的函数,格式 function(参数列表){}; 把匿名函数委托给一个变量var i,那么可以直接使用i,省略去了初始化变量。 



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
资源包主要包含以下内容: ASP项目源码:每个资源包中都包含完整的ASP项目源码,这些源码采用了经典的ASP技术开发,结构清晰、注释详细,帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码,用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件:为了方便用户更好地理解系统的后台逻辑,每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档,以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境,并了解各个数据表之间的关系和作用。 详细的开发文档:每个资源包都附有详细的开发文档,文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料,使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南:为帮助用户更好地理解和使用这些ASP项目,每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程,使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考:对于正在准备毕业设计的学生来说,这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰,还符合常见的毕业设计要求和标准。通过这些项目,学生可以学习到如何从零开始构建一个完整的Web系统,并积累丰富的项目经验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值