ASP HTML知识
什么是HTML HTML超文本标记语言 一种特殊的语言,有别于VB、C等程序设计语言。 制作静态网页,不能制作交互性功能。 纯HTML页,为静态网页,文件后缀.htm或.html ASP页面为: HTML代码+ASP代码
标记(标签)和标记属性 例如: <img src="imgs/logo.jpg" width="280" height="83" /> <a href=“dep/jobguide/guideindex.asp” target=“_blank”>这是一个链接 </a>
WEB浏览器 IE Firefox 腾讯TT
开发工具 记事本 FrontPage Dreamweaver(DW)
基本语法 HTML的结构包括头部(Head)、主体(Body)两大部分。 通常是成对出现的,比如<body></body>。 也有单个出现,<br>, <hr>水平线 头部描述浏览器所需的信息;而主体则包含所要说明的具体内容。
标签属性 <body bgcolor=“red”>页面的背景色成为红色 <table border="0">将一个表格设成一个无边框的表格
文件头 头部信息不显示在正文, 用以说明文件标题和文件的公共属性。 关键词,有助于搜索引擎能够搜索到你的网页。<meta name="keywords" content="江西信息应用职业技术学院"> <meta name="keywords" content="江西信息学院"> <meta name="description" content="公办专科层次普通高校;江西省唯一的公办全日制信息类高职院;位于江西省南昌市"> <title>。。。</title>文件的标题。浏览器最顶端的标题栏。 <link rel="shortcut icon" href="http://www.jxcia.com/favicon.ico" /> <link href="style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Refresh" content="5;url=http://www.jxcia.com">
<style type="text/css"> <!-- .STYLE1 {color: #CCCCCC}td img {display: block;}td img {display: block;}td img {display: block;} .STYLE2 { color: #70A299; font-size: 4pt; --> </style>
<HTML> ---------------------------------------- 开始标签 <HEAD> --------------------------------------头部标签 <TITLE> 一个简单的HTML示例 </TITLE> </HEAD> <BODY> --------------------------------------主体标签 <CENTER> <H1>欢迎光临我的主页</H1> <BR> <HR> <FONT SIZE= 7 COLOR= red> 这是我第一次做主页 </FONT> </CENTER> </BODY> </HTML> --------------------------------------- 结尾标签
<!--注解-->为代码加上说明,不被显示 <p>段落标记,留一空白行 <br>换行标记 <hr>插入一条水平线 <center>居中 <pre>预设格式 ,按照原始码的排列方式显示 <div> ,设定摆放位置
字体类 <strong>加重 ,字体加粗 效果 <b>粗体标记 <i>斜体标记 <u>加上底线 <h1>一级标题标记 <font>字体标记,通过其属性设定字形、大小、颜色
表格类 <table>表格标记 <tr> 行 <td> 单元格 border属性,表格的边界
框架类 使用框架,可以在浏览器窗口同时显示多个网页。每个框窗里设定一个网页,网页相互独立。 <frameset>框架标记
表单类 表单用于采集和提交用户输入的信息。 <form>表单标记 <input>输入标记 input type=“text” 单行文本输入框 input type="password" 密码输入框(输入的文字用*表示) input type=“submit” 提交按钮 input type=“checkbox” 复选框 input type="radio" 单选框 <textarea>文字区块 <select>选择标记 ,下拉式列表选择
<form method="POST" action=“1.asp"> <table border="0" > <tr> <td width="20%">用户:</td> <td width="80%"> <input type="text" name=UserName size=15></td> </tr> <td>口令:</td> <td> <input type="password" name=Password size=15></td> <td>验证:</td> <td> <input type="text" name=Passwordok size=6> <img src=getcode.asp border=0></td> <td><input type="submit" name="Submit" value="提交"></td> <td> </td> </table> </form>
其他 <img>图形标记,<img src = “../images/html_tutorials/smile.jpg” alt=“黄山"> <a>链接标记 ,<a href=“url” target“_blank”>链接的显示文字</a> ,使用target属性,可以在一个新窗口里打开链接文件。<a href=“mailto:jxciazb@126.com”>联系站长</a> <bgsound>背景声音 <embed>加入声音、音乐或影像 <link>定义该网页与其他文件的关系 <style>样式表,控制网页版面 表示空格
©版权 ®注册商标
相对路径和绝对路径 在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。 ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。 引用下级目录的文件,直接写下级目录文件的路径即可。